/* Ask Avi V4 — design tokens */
:root {
  /* ── Palette ── */
  --avi-cream: #F5F0E8;
  --avi-cream-2: #ECE6D7;
  --avi-paper: #FAF8F4;
  --avi-ink: #1A1814;
  --avi-ink-2: #3A372F;
  --avi-mute: #8A8278;
  --avi-line: #D6CCBF;
  --avi-line-2: #E6E0D0;
  --avi-teal: #4A6741;
  --avi-teal-2: #2E4554;
  --avi-teal-tint: #E8F0E6;
  --avi-warm: #C8935A;
  --avi-warm-bg: #FBF5E6;
  --avi-red: #B5451B;
  --avi-red-bg: #FBF0EE;
  --avi-blue-grey: #8FA3AD;
  --avi-coral: #C97A5C;
  --avi-sage: #8FA48B;
  --avi-positive: #4F7A5C;
  --avi-warn: #B07A2C;

  /* ── Semantic aliases (pico.css pattern) ── */
  --avi-primary: var(--avi-teal);
  --avi-primary-hover: #3a5233;
  --avi-background: var(--avi-cream);
  --avi-surface: var(--avi-paper);
  --avi-color: var(--avi-ink);
  --avi-muted-color: var(--avi-mute);
  --avi-muted-border-color: var(--avi-line);
  --avi-border-color: var(--avi-line-2);

  /* ── Typography ── */
  --avi-serif: 'Fraunces', 'Newsreader', 'Source Serif 4', Georgia, serif;
  --avi-sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --avi-mono: 'Instrument Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Layout & component tokens ── */
  --avi-nav-h: 52px;
  --avi-radius: 18px;
  --avi-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --avi-ai-msg: #FFFFFF;
  --avi-user-msg: #2A3A2A;
  --avi-user-text: #FFFFFF;

  /* ── Dark mode ── */
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --avi-cream: #1A1814;
    --avi-cream-2: #242018;
    --avi-paper: #242018;
    --avi-ink: #E8E2D6;
    --avi-ink-2: #C4BAA8;
    --avi-mute: #9C9387;
    --avi-line: #3A372F;
    --avi-line-2: #2E2A22;
    --avi-teal: #8FC48A;
    --avi-teal-2: #A8D4A4;
    --avi-teal-tint: #1E2E1E;
    --avi-warm: #E8B87A;
    --avi-warm-bg: #2E2A1E;
    --avi-red: #E8826A;
    --avi-red-bg: #3D1410;
    --avi-blue-grey: #6A8A94;
    --avi-coral: #D49A7E;
    --avi-sage: #6A8A66;
    --avi-positive: #6AAA74;
    --avi-warn: #D4A044;

    --avi-ai-msg: #2E2A22;
    --avi-user-msg: #2A4A2A;
    --avi-user-text: #E8E2D6;
    --avi-primary-hover: #6aae64;
  }
}