/* Hallmark · pre-emit critique: P5 H5 E5 S5 R4 V5 */
/* Hallmark · genre: atmospheric · macrostructure: Narrative Workflow · theme: Terminal · enrichment: none · nav: N8 · footer: Ft5
 * tone: technical/terminal · anchor hue: 150 (phosphor green) · paper-band: dark · display-style: mono · accent-hue: chromatic-green
 * EnvForge — AI-safe environment variable manager. First Hallmark run for this project. */

:root {
  /* ---- Colour — Terminal (dark, green-tinted near-black, phosphor accent) ---- */
  --color-paper:      oklch(15% 0.012 150);   /* near-black canvas */
  --color-paper-2:    oklch(18% 0.014 150);   /* raised surface (transcripts, cards) */
  --color-paper-3:    oklch(22% 0.016 150);   /* higher surface (hover) */
  --color-rule:       oklch(31% 0.012 150);   /* hairline rules */
  --color-rule-strong:oklch(42% 0.014 150);   /* numbered stage divider */
  --color-neutral:    oklch(60% 0.010 150);   /* tertiary text / comments */
  --color-muted:      oklch(74% 0.011 150);   /* secondary text */
  --color-ink:        oklch(94% 0.010 150);   /* primary text */

  --color-accent:     oklch(82% 0.185 150);   /* phosphor green — links, prompts, CTA edge */
  --color-accent-dim: oklch(64% 0.135 150);   /* dimmer green for large fills/borders */
  --color-focus:      oklch(82% 0.185 150);

  /* semantic signal colours (state, not decorative second accent) */
  --color-danger:     oklch(70% 0.165 28);    /* exposed / AI-readable / warning */
  --color-amber:      oklch(80% 0.140 80);    /* sensitive / will-be-redacted */

  /* layer tag tints — six security layers */
  --layer-prevention: oklch(82% 0.185 150);
  --layer-runtime:    oklch(78% 0.130 230);
  --layer-context:    oklch(76% 0.130 300);
  --layer-remediation:oklch(80% 0.140 80);
  --layer-detection:  oklch(70% 0.165 28);
  --layer-governance: oklch(74% 0.011 150);

  /* ---- Type ---- */
  --font-display: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-body:    "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* scale — major third (1.25), 16px base */
  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-display-s: clamp(1.9rem, 3vw + 1rem, 2.75rem);
  --text-display:   clamp(2.25rem, 4.5vw + 1rem, 3.75rem);  /* mono runs wide — capped below serif ceiling */
  --text-stage:     clamp(3rem, 7vw + 1rem, 5.5rem);        /* big stage numerals (≤4ch) */

  /* ---- Space — 4pt scale ---- */
  --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;
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --measure: 62ch;

  /* ---- 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;

  /* ---- Rules / radius / z ---- */
  --rule-hair: 1px;
  --rule-thick: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-tooltip: 600;
}