/* elegance/tokens.css — shared design tokens for the "elegance" design language.
   Loaded by every elegance module; safe to include more than once. */

:root {
  /* Ink & text */
  --elg-ink: #0b1020;          /* near-black navy for display headings */
  --elg-text: #1f2937;         /* body copy */
  --elg-muted: #55606e;        /* secondary text, AA on white */
  --elg-faint: #656e7d;        /* tertiary / small caps labels; AA on white and on --elg-bg-soft */

  /* Accent */
  --elg-accent: #2563eb;
  --elg-accent-ink: #1d4ed8;
  --elg-accent-soft: #e8f0fe;

  /* Surfaces & lines */
  --elg-bg: #ffffff;
  --elg-bg-soft: #f7f9fc;
  --elg-line: #e7eaf0;
  --elg-line-strong: #d6dbe4;

  /* Tag pastels (bg / text pairs, all WCAG AA on their bg) */
  --elg-tag-blue-bg: #e8f0fe;    --elg-tag-blue-fg: #1d4ed8;
  --elg-tag-sky-bg: #e0f2fe;     --elg-tag-sky-fg: #075985;
  --elg-tag-indigo-bg: #eef2ff;  --elg-tag-indigo-fg: #3730a3;
  --elg-tag-green-bg: #ecfdf5;   --elg-tag-green-fg: #065f46;
  --elg-tag-purple-bg: #f5f3ff;  --elg-tag-purple-fg: #5b21b6;

  /* Type */
  --elg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
              "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  /* Rhythm */
  --elg-radius: 14px;
  --elg-radius-pill: 999px;
}

/* Visible keyboard focus everywhere in elegance scopes */
.elg-scope a:focus-visible,
.elg-scope button:focus-visible {
  outline: 2px solid var(--elg-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Motion discipline: the elegance language animates very little, and not at all
   for users who ask for reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .elg-scope *,
  .elg-scope *::before,
  .elg-scope *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}