/* ─────────────────────────────────────────────────────────────────────────────
   VanderBot 2.0 — Design Tokens
   Artiquity Ethos Edition aesthetic:
   Warm linen + warm graphite + burnt sienna + hairline rules.
   No glass. No purple. No glow. Flat, editorial, zero skeu.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Core palette ──────────────────────────────────────── */
  --vb-linen:        #EDEAE3;   /* primary surface — warm cream */
  --vb-linen-deep:   #E5E1D8;   /* sidebar, secondary surface */
  --vb-linen-mid:    #D9D4C9;   /* dividers, strokes on light */
  --vb-graphite:     #1C1A17;   /* primary text, near-black warm */
  --vb-graphite-mid: #3D3A34;   /* secondary text, headings on dark */
  --vb-graphite-60:  rgba(28, 26, 23, 0.60);
  --vb-graphite-40:  rgba(28, 26, 23, 0.40);
  --vb-graphite-20:  rgba(28, 26, 23, 0.20);
  --vb-graphite-08:  rgba(28, 26, 23, 0.08);
  --vb-graphite-04:  rgba(28, 26, 23, 0.04);

  /* Action Approval / gate — the one dark surface */
  --vb-dark:         #181613;
  --vb-dark-surface: #211F1B;
  --vb-dark-stroke:  rgba(255, 255, 255, 0.10);
  --vb-dark-fg:      #EDE9E1;
  --vb-dark-fg-60:   rgba(237, 233, 225, 0.60);

  /* Accent — burnt sienna (Artiquity orange) */
  --vb-sienna:       #C4601A;
  --vb-sienna-light: rgba(196, 96, 26, 0.10);

  /* Status */
  --vb-sage:         #4A7C59;   /* success / approved */
  --vb-sage-light:   rgba(74, 124, 89, 0.10);
  --vb-amber:        #B8860B;   /* warning / pending */
  --vb-amber-light:  rgba(184, 134, 11, 0.10);
  --vb-rust:         #8B3A2A;   /* error / rejected */
  --vb-rust-light:   rgba(139, 58, 42, 0.10);

  /* ── Grid texture ──────────────────────────────────────── */
  /* Faint dot grid — Anthropic-style substrate on linen */
  --vb-grid: radial-gradient(circle, rgba(28,26,23,0.12) 1px, transparent 1px);
  --vb-grid-size: 24px 24px;

  /* ── Typography ────────────────────────────────────────── */
  --vb-font-serif: "Sentient", "Playfair Display", Georgia, serif;
  --vb-font-sans:  "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vb-font-mono:  "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Spacing ────────────────────────────────────────────── */
  --vb-s1: 4px;  --vb-s2: 8px;  --vb-s3: 12px; --vb-s4: 16px;
  --vb-s5: 20px; --vb-s6: 24px; --vb-s8: 32px; --vb-s10: 40px;
  --vb-s12: 48px; --vb-s16: 64px;

  /* ── Radii — subtle, not pill ────────────────────────────  */
  --vb-r1: 2px;
  --vb-r2: 4px;
  --vb-r3: 6px;
  --vb-r4: 8px;

  /* ── Sidebar ─────────────────────────────────────────────── */
  --sidebar-w: 264px;
  --composer-max: 720px;

  /* ── Legacy token bridge (keep existing JS refs alive) ───── */
  --inkwell-dark:       var(--vb-graphite);
  --inkwell-mist:       var(--vb-linen);
  --inkwell-sky:        var(--vb-graphite-40);
  --inkwell-sky-deep:   var(--vb-sienna);
  --inkwell-twilight:   var(--vb-sienna);
  --inkwell-ocean:      #9E3D0E;
  --inkwell-orange:     var(--vb-sienna);
  --inkwell-cloud:      var(--vb-linen-deep);
  --inkwell-haze:       var(--vb-linen-mid);
  --fg-1:  var(--vb-graphite);
  --fg-2:  var(--vb-graphite-60);
  --fg-3:  var(--vb-graphite-40);
  --fg-on-dark: var(--vb-dark-fg);
  --stroke-1: var(--vb-graphite-20);
  --stroke-2: var(--vb-graphite-08);
  --glass-bg: var(--vb-linen-deep);
  --glass-bg-strong: var(--vb-linen);
  --glass-blur: 0px;
  --glass-border: var(--vb-graphite-20);
  --glass-shadow: none;
  --glass-teal-wash: none;
  --paper: var(--vb-linen);
  --ink: var(--vb-graphite);
  --ink-60: var(--vb-graphite-60);
  --ink-40: var(--vb-graphite-40);
  --ink-12: var(--vb-graphite-20);
  --ink-06: var(--vb-graphite-08);
  --purple: var(--vb-sienna);
  --purple-deep: var(--vb-sienna);
  --orange: var(--vb-sienna);
  --lime: var(--vb-linen-mid);
  --sans: var(--vb-font-sans);
  --serif: var(--vb-font-serif);
  --mono: var(--vb-font-mono);
  --e4: none;
  --radius-pill: var(--vb-r3);
  --radius-md:   var(--vb-r3);
  --radius-lg:   var(--vb-r4);
  --radius-xl:   var(--vb-r4);
  --radius-hero: var(--vb-r4);
  --font-display: var(--vb-font-serif);
  --font-sans:    var(--vb-font-sans);
  --font-mono:    var(--vb-font-mono);
}