/* =========================================================
   HRNS · tokens.css
   Design tokens only. Import first.
   ========================================================= */
:root {
  /* Canvas & surfaces (dark-first, cool neutral) */
  --bg-0:        oklch(0.16 0.012 255);   /* deep canvas */
  --bg-1:        oklch(0.19 0.014 255);   /* page surface */
  --bg-2:        oklch(0.22 0.014 255);   /* raised panel */
  --bg-3:        oklch(0.26 0.015 255);   /* input / hover */
  --bg-inset:    oklch(0.13 0.010 255);   /* wells */

  /* Text */
  --fg-0:        oklch(0.97 0.005 255);
  --fg-1:        oklch(0.80 0.010 255);
  --fg-2:        oklch(0.62 0.012 255);
  --fg-3:        oklch(0.48 0.012 255);
  --fg-on-accent: oklch(0.14 0.010 255);

  /* Borders */
  --line-0:      oklch(0.30 0.014 255 / 0.9);
  --line-1:      oklch(0.35 0.018 255 / 0.9);
  --line-soft:   oklch(0.30 0.014 255 / 0.4);

  /* Cool accent triad */
  --cyan:        oklch(0.82 0.16 220);
  --blue:        oklch(0.70 0.17 255);
  --violet:      oklch(0.72 0.17 290);

  /* Semantic */
  --accent:      var(--cyan);
  --accent-ink:  oklch(0.14 0.010 255);
  --success:     oklch(0.80 0.15 160);
  --warn:        oklch(0.82 0.14 85);
  --danger:      oklch(0.72 0.18 25);

  /* Radius / shadow / motion */
  --r-xs: 3px; --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-xl: 16px;
  --sh-1: 0 1px 2px oklch(0 0 0 / 0.4), 0 0 0 1px var(--line-0);
  --sh-glow: 0 0 0 1px oklch(0.82 0.16 220 / 0.35), 0 0 24px -6px oklch(0.82 0.16 220 / 0.5);
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: 160ms;

  /* Type */
  --f-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}