/* Foretab — design tokens */
:root {
  /* Ink ramp (cool graphite, slight navy bias) */
  --ink-1000: #05070C;
  --ink-950:  #0A0E1A;
  --ink-900:  #11151F;
  --ink-800:  #181D29;
  --ink-700:  #232936;
  --ink-600:  #353D4D;
  --ink-500:  #525B6E;
  --ink-400:  #767E91;
  --ink-300:  #A0A7B6;
  --ink-200:  #C9CED8;
  --ink-100:  #E4E7EC;
  --ink-50:   #F2F4F7;
  --paper:    #F6F7F9;

  /* Accent — electric blue. Single hue. */
  --accent:       oklch(0.68 0.18 248);     /* #2A7BFF */
  --accent-soft:  oklch(0.75 0.12 248);     /* hover / highlight */
  --accent-deep:  oklch(0.54 0.17 248);     /* pressed / link */
  --accent-dim:   oklch(0.42 0.12 248);     /* on-light body text */
  --accent-glow:  oklch(0.68 0.18 248 / 0.20);
  --accent-line:  oklch(0.68 0.18 248 / 0.32);

  /* Type families */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Type scale */
  --fs-display-xl: 60px;
  --fs-display-lg: 40px;
  --fs-heading-md: 24px;
  --fs-heading-sm: 17px;
  --fs-body-lg:    15px;
  --fs-body-md:    13px;
  --fs-data-md:    12px;
  --fs-meta-sm:    11px;

  /* Tracking */
  --tracking-display: -0.04em;
  --tracking-heading: -0.025em;
  --tracking-body:    -0.005em;
  --tracking-mono:     0.01em;
  --tracking-meta:     0.08em;

  /* Surfaces */
  --surface-primary: var(--ink-950);
  --surface-card:    var(--ink-900);
  --surface-light:   var(--paper);
  --surface-divider: var(--ink-800);
  --surface-border:  var(--ink-700);

  /* Text */
  --text-primary:    var(--ink-50);
  --text-secondary:  var(--ink-300);
  --text-muted:      var(--ink-500);
  --text-on-light:   var(--ink-950);
  --text-on-accent:  var(--ink-950);

  /* Radii */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 12px;
  --r-pill: 999px;
}