/* Vanderbot app — ethos design tokens ("The Ethos Edition").
   Reskinned from the Inkwell Labs brand to the ethos splash language:
   paper/ink surfaces, purple/orange/lime accents, Sentient + General Sans +
   Fragment Mono. Token NAMES are preserved so every component restyles
   automatically through the cascade. */

:root {
  /* ── Ethos palette (mapped onto the legacy token names) ─── */
  --inkwell-dark:       #282323;   /* ink */
  --inkwell-sky:        #C9B0FB;   /* light purple */
  --inkwell-sky-deep:   #9E67F7;   /* purple — primary accent */
  --inkwell-twilight:   #5B36A8;   /* purple-deep — buttons / links */
  --inkwell-mist:       #F9F7F1;   /* paper */
  --inkwell-cloud:      #ECE6FB;   /* pale lavender surface */
  --inkwell-haze:       #E5F9B9;   /* lime */
  --inkwell-ocean:      #3D2A66;   /* deepest purple (button hover) */
  --inkwell-orange:     #FF6C2D;   /* orange */

  /* ── Foreground roles ──────────────────────────────────── */
  --fg-1: var(--inkwell-dark);
  --fg-2: rgba(40, 35, 35, 0.62);
  --fg-3: rgba(40, 35, 35, 0.42);
  --fg-on-dark: #F9F7F1;
  --stroke-1: rgba(40, 35, 35, 0.10);
  --stroke-2: rgba(40, 35, 35, 0.06);

  /* ── Glass primitives (light, editorial glass relief) ──── */
  --glass-bg:        rgba(255, 255, 255, 0.55);
  --glass-bg-strong: rgba(255, 255, 255, 0.80);
  --glass-blur:      18px;
  --glass-border:    rgba(255, 255, 255, 0.72);
  --glass-shadow:
    0 1px 1px -0.5px rgba(0,0,0,0.04),
    0 3px 3px -1.5px rgba(0,0,0,0.04),
    0 6px 6px -3px rgba(0,0,0,0.04),
    0 24px 24px -12px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.85);
  --glass-teal-wash: radial-gradient(120% 120% at 50% 30%,
    rgba(158, 103, 247, 0.30) 0%,
    rgba(255, 108, 45, 0.10)  55%,
    rgba(213, 243, 138, 0.16) 100%);

  /* ── Radii ─────────────────────────────────────────────── */
  --radius-pill: 9999px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-hero: 32px;

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

  /* ── Spacing scale (rem-based) ─────────────────────────── */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px;

  --sidebar-w: 280px;
  --composer-max: 760px;

  /* ── Ethos aliases (so design-reference/ mock CSS ports 1:1) ── */
  --paper: var(--inkwell-mist);
  --ink: var(--inkwell-dark);
  --ink-60: rgba(40, 35, 35, 0.6);
  --ink-40: rgba(40, 35, 35, 0.4);
  --ink-12: rgba(40, 35, 35, 0.12);
  --ink-06: rgba(40, 35, 35, 0.05);
  --purple: var(--inkwell-sky-deep);
  --purple-deep: var(--inkwell-twilight);
  --orange: var(--inkwell-orange);
  --lime: var(--inkwell-haze);
  --sans: var(--font-sans);
  --serif: var(--font-display);
  --mono: var(--font-mono);
  --e4: var(--glass-shadow);
}