/* =============================================================================
   Design tokens — Crelyra public-site F1
   R17 semantic palette + spacing/radius/shadow/typography/container/motion tokens
   Raw HEX and RGBA values appear ONLY in this file.
   ============================================================================= */

:root {
  /* ── R17 semantic palette ──────────────────────────────────────────────── */
  --ink:    #191a18;
  --paper:  #f4f0e8;
  --card:   #fffdf8;
  --line:   #d8d3c9;
  --muted:  #686965;
  --muted-on-dark: #b8bab3;
  --acid:   #d9ff55;
  --coral:  #ff765f;
  --violet: #9e82ff;

  /* ── R17 palette: hover / active shades (kept inside tokens.css) ───────── */
  --violet-strong: #8a6fe6;
  --violet-soft:   #ede9ff;
  --violet-ink:    #7354dc;
  --violet-line:   #cdc4f5;
  --acid-strong:   #c8eb44;
  --coral-strong:  #f05a43;
  --coral-soft:    #ffe8e4;
  --coral-ink:     #a93624;
  --coral-line:    #ffc9bf;
  --ok:            #3dba5e;
  --warn:          #f5a623;

  /* ── Editorial Control Grid (opt-in redesign surfaces) ────────────────── */
  --editorial-ink:         #0d0e0c;
  --editorial-canvas:      #f6f7f4;
  --editorial-surface:     #ffffff;
  --editorial-line:        #b8bdb4;
  --editorial-line-soft:   #dfe2dc;
  --editorial-muted:       #565b54;
  --editorial-acid:        #b9ff36;
  --editorial-acid-strong: #a5e92c;
  --editorial-ok:          #2f8544;
  --editorial-warn:        #a94e18;

  /* ── R17 palette: overlays (rgba kept here only) ───────────────────────── */
  --ink-alpha-06:    rgba(25, 26, 24, 0.06);
  --ink-alpha-10:    rgba(25, 26, 24, 0.10);
  --ink-alpha-14:    rgba(25, 26, 24, 0.14);
  --paper-alpha-30:  rgba(255, 255, 255, 0.30);
  --paper-alpha-10:  rgba(255, 255, 255, 0.10);

  /* ── Spacing (8-px rhythm) ────────────────────────────────────────────── */
  --space-1:   0.25rem;  /*  4 px */
  --space-2:   0.5rem;   /*  8 px */
  --space-3:   0.75rem;  /* 12 px */
  --space-4:   1rem;     /* 16 px */
  --space-5:   1.5rem;   /* 24 px */
  --space-6:   2rem;     /* 32 px */
  --space-7:   3rem;     /* 48 px */
  --space-8:   4rem;     /* 64 px */
  --space-9:   6rem;     /* 96 px */
  --space-10:  8rem;     /* 128 px */

  /* ── Border radius ────────────────────────────────────────────────────── */
  --radius-1:  12px;
  --radius-2:  18px;
  --radius-3:  22px;
  --radius-pill: 999px;

  /* ── Shadows ──────────────────────────────────────────────────────────── */
  --shadow-sm:  0 1px 2px var(--ink-alpha-06);
  --shadow-md:  0 4px 12px var(--ink-alpha-10);
  --shadow-lg:  0 8px 32px var(--ink-alpha-14);

  /* ── Typography ────────────────────────────────────────────────────────── */
  --font-sans:  "Geist", "Geist Fallback", "Nimbus Sans L", Arial, sans-serif;
  --font-mono:  "Geist Mono", "Fira Code", "Courier New", monospace;
  --font-editorial: "Segoe UI", "Arial Nova", Arial, sans-serif;

  --text-xs:    0.75rem;   /* 12 px */
  --text-sm:    0.875rem;  /* 14 px */
  --text-base:  1rem;      /* 16 px */
  --text-lg:    1.125rem;  /* 18 px */
  --text-xl:    1.25rem;   /* 20 px */
  --text-2xl:   1.5rem;    /* 24 px */
  --text-3xl:   1.875rem;  /* 30 px */
  --text-4xl:   2.25rem;   /* 36 px */
  --text-5xl:   3rem;      /* 48 px */
  --text-6xl:   3.75rem;   /* 60 px */

  /* Line-heights */
  --leading-tight:  1.05;
  --leading-snug:   1.15;
  --leading-normal: 1.45;
  --leading-loose:  1.7;

  /* Letter-spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0em;
  --tracking-wide:   0.05em;
  --tracking-widest: 0.16em; /* eyebrow / uppercase label */

  /* ── Container ────────────────────────────────────────────────────────── */
  --container-max: min(1180px, 100% - 2rem);

  /* ── Motion ───────────────────────────────────────────────────────────── */
  --ease-default: ease;
  --duration-fast:   120ms;
  --duration-normal: 220ms;
  --duration-slow:   380ms;
}