/* Design tokens from DESIGN.md (claude design system) */
:root {
  /* Colors */
  --primary:              #cc785c;
  --primary-active:       #a9583e;
  --primary-disabled:     #e6dfd8;
  --ink:                  #141413;
  --body:                 #3d3d3a;
  --body-strong:          #252523;
  --muted:                #6c6a64;
  --muted-soft:           #8e8b82;
  --hairline:             #e6dfd8;
  --hairline-soft:        #ebe6df;
  --canvas:               #faf9f5;
  --surface-soft:         #f5f0e8;
  --surface-card:         #efe9de;
  --surface-cream-strong: #e8e0d2;
  --surface-dark:         #181715;
  --surface-dark-elevated:#252320;
  --surface-dark-soft:    #1f1e1b;
  --on-primary:           #ffffff;
  --on-dark:              #faf9f5;
  --on-dark-soft:         #a09d96;
  --accent-teal:          #5db8a6;
  --accent-amber:         #e8a55a;
  --success:              #5db872;
  --warning:              #d4a017;
  --error:                #c64545;

  /* Radius */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-pill: 9999px;

  /* Spacing */
  --sp-xxs: 4px;
  --sp-xs:  8px;
  --sp-sm:  12px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  32px;
  --sp-xxl: 48px;

  /* Typography */
  --font-display: 'Cormorant Garamond', 'Tiempos Headline', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
}

/* ── Theme: dark (default) ─────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg:         var(--surface-dark);
  --bg-sidebar: var(--surface-dark-soft);
  --bg-card:    var(--surface-dark-elevated);
  --bg-card-2:  #2c2a27;
  --text:       var(--on-dark);
  --text-muted: var(--on-dark-soft);
  --border:     rgba(250, 249, 245, 0.08);
  --border-hover: rgba(250, 249, 245, 0.16);
  --chart-1:    var(--primary);        /* coral — основной */
  --chart-2:    var(--accent-teal);    /* teal — вторичный */
  --chart-3:    var(--accent-amber);   /* amber — третичный */
  --scrollbar:  #3a3835;
}

/* ── Theme: light ──────────────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:         var(--canvas);
  --bg-sidebar: var(--surface-soft);
  --bg-card:    var(--surface-card);
  --bg-card-2:  var(--surface-cream-strong);
  --text:       var(--ink);
  --text-muted: var(--muted);
  --border:     var(--hairline);
  --border-hover: var(--hairline-soft);
  --chart-1:    var(--primary);
  --chart-2:    var(--accent-teal);
  --chart-3:    var(--accent-amber);
  --scrollbar:  var(--hairline);
}