/* ── Vibe2SaaS design tokens ──────────────────────────────────────────────
   One light theme, tuned so every text/background pair clears WCAG 2.2 AA
   (4.5:1 body text, 3:1 for large text and UI boundaries). Dark sections use
   the --on-ink-* ramp against --ink.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light;

  /* Surfaces */
  --bg:            #ffffff;
  --bg-soft:       #f5f8fb;
  --surface:       #ffffff;
  --surface-2:     #eef2f7;
  --border:        #dfe5ee;
  --border-strong: #c3cddd;

  /* Deep field used by the hero, dark bands and the footer */
  --ink:        #08132b;
  --ink-2:      #0e2043;
  --ink-3:      #17325f;
  --ink-border: rgba(226, 235, 255, .12);

  /* Type — on light */
  --text:      #0b1526;
  --text-soft: #33445c;
  --muted:     #586a80;   /* 4.9:1 on --bg, 4.6:1 on --bg-soft */

  /* Type — on ink */
  --on-ink:      #eef3fb;
  --on-ink-soft: rgba(238, 243, 251, .82);
  --on-ink-mute: rgba(238, 243, 251, .62);

  /* Brand — teal carries "proven / production", violet carries "vibe" */
  --accent:        #0f766e;   /* 4.8:1 on white, both directions */
  --accent-deep:   #115e59;
  --accent-soft:   #e4f3f0;
  --accent-line:   #a9d9d1;
  --accent-bright: #5eead4;   /* on ink only */

  --violet:        #5b21b6;
  --violet-soft:   #f1ecfd;
  --violet-line:   #d6c8f6;
  --violet-bright: #c4b5fd;   /* on ink only */

  /* Status */
  --keep:        #0f766e;
  --fix:         #b45309;
  --fix-soft:    #fdf2e2;
  --fix-line:    #f0d5a8;
  --add:         #5b21b6;
  --danger:      #b42318;
  --danger-soft: #fdf0ef;

  /* Links inside prose */
  --link:       #0e6d84;
  --link-hover: #0b4f60;

  /* Focus ring */
  --focus:      #0b4f60;
  --focus-ink:  #7dd3fc;

  /* Shape + rhythm */
  --radius:    10px;
  --radius-sm: 6px;
  --radius-lg: 18px;
  --container: 1160px;
  --narrow:    780px;

  --shadow-sm: 0 1px 2px rgba(8, 19, 43, .06), 0 1px 3px rgba(8, 19, 43, .05);
  --shadow-md: 0 2px 6px rgba(8, 19, 43, .05), 0 12px 28px rgba(8, 19, 43, .07);
  --shadow-lg: 0 4px 10px rgba(8, 19, 43, .06), 0 26px 60px rgba(8, 19, 43, .10);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}