/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * macrostructure: Split Studio · genre: atmospheric · tone: corporate-tech
 * theme: custom (vibe: "midnight corporate tech, navy canvas, blue accent")
 *   paper: oklch(8% 0.025 260) · accent: oklch(64% 0.19 245) blue
 *   display: Tomorrow · body: Inter
 * enrichment: E-none (Tier A CSS dashboard widget in hero)
 * nav: N5 Floating pill · footer: Ft5 Statement
 * axes: dark / geometric-sans / cool
 */

:root {
  /* ——— Paper (dark canvas, 4 layers) ——— */
  --color-paper:     oklch(8.5% 0.025 260);
  --color-paper-2:   oklch(13% 0.022 260);
  --color-paper-3:   oklch(17% 0.020 260);
  --color-paper-4:   oklch(21% 0.018 260);

  /* ——— Ink ——— */
  --color-ink:       oklch(96% 0.008 260);
  --color-ink-2:     oklch(82% 0.012 255);
  --color-muted:     oklch(64% 0.04 255);
  --color-neutral:   oklch(48% 0.03 255);
  --color-rule:      oklch(22% 0.018 260);

  /* ——— Accent (single blue) ——— */
  --color-accent:    oklch(64% 0.19 245);
  --color-accent-dim:oklch(50% 0.15 250);
  --color-accent-soft:oklch(64% 0.19 245 / 0.08);
  --color-focus:     oklch(75% 0.14 210);

  /* ——— Semantic ——— */
  --color-success:   oklch(72% 0.19 155);
  --color-warning:   oklch(78% 0.16 70);
  --color-danger:    oklch(62% 0.22 25);

  /* ——— Bloom (atmospheric ground) ——— */
  --color-bloom-1:   oklch(30% 0.08 250 / 0.12);
  --color-bloom-2:   oklch(40% 0.06 210 / 0.08);

  /* ——— Typography ——— */
  --font-display:  "Tomorrow", system-ui, -apple-system, sans-serif;
  --font-body:     "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, monospace;

  /* ——— Type scale (1.25 · major third) ——— */
  --text-xs:       0.64rem;
  --text-sm:       0.8rem;
  --text-base:     1rem;
  --text-md:       1.25rem;
  --text-lg:       1.5625rem;
  --text-xl:       1.953rem;
  --text-2xl:      2.441rem;
  --text-3xl:      3.052rem;
  --text-4xl:      3.815rem;
  --text-display:  clamp(2.75rem, 5vw + 1rem, 4.8rem);
  --text-display-s:clamp(2rem, 3.5vw + 0.5rem, 3.2rem);

  /* ——— Spacing (4pt base) ——— */
  --space-3xs:     0.125rem;
  --space-2xs:     0.25rem;
  --space-xs:      0.5rem;
  --space-sm:      0.75rem;
  --space-md:      1rem;
  --space-lg:      1.5rem;
  --space-xl:      2.5rem;
  --space-2xl:     4rem;
  --space-3xl:     6rem;
  --space-4xl:     9rem;

  /* ——— Motion ——— */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:       cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro:     120ms;
  --dur-short:     220ms;
  --dur-long:      420ms;

  /* ——— Z layers ——— */
  --z-base:        1;
  --z-raised:      10;
  --z-dropdown:    100;
  --z-sticky:      200;
  --z-modal:       400;
  --z-toast:       500;

  /* ——— Radius ——— */
  --radius-sm:     0.375rem;
  --radius-md:     0.625rem;
  --radius-lg:     1rem;
  --radius-xl:     1.5rem;
  --radius-full:   9999px;

  /* ——— Rule ——— */
  --rule-thin:     1px solid var(--color-rule);
  --rule-accent:   1px solid oklch(64% 0.19 245 / 0.15);
}