/* ── Warm Ink Design System ── */

/* Default = light theme */
:root,
[data-theme="light"] {
  --bg: #f6f3ed;
  --surface: #fdfcf9;
  --surface-2: #e2dacb;
  --surface-3: #e5ded3;
  --text: #2c2418;
  --text-secondary: #5c5244;
  --muted: #9c8e7e;
  --accent: #b85c38;
  --accent-soft: rgba(184,92,56,0.08);
  --accent-hover: rgba(184,92,56,0.12);
  --border: rgba(44,36,24,0.08);
  --shadow: rgba(44,36,24,0.06);
  --overlay-bg: rgba(44,36,24,0.25);
  --success: #5a8a3c;
  --warning: #c47a20;
  --error: #b83c2e;
  --card-shadow: 0 1px 3px rgba(44,36,24,0.06), 0 4px 12px rgba(44,36,24,0.04);
  --card-hover-shadow: 0 4px 16px rgba(44,36,24,0.1), 0 1px 3px rgba(44,36,24,0.06);
  --radius: 8px;
  --radius-lg: 12px;

  /* Typography */
  --font-body: 'Source Serif 4', Georgia, serif;
  --font-ui: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'Fira Code', 'Consolas', monospace;

  /* Layout */
  --topbar-height: 44px;
  --statusbar-height: 28px;
  --binder-width: 260px;
  --inspector-width: 320px;
  --settings-width: 340px;

  /* Type scale */
  --font-xs: 0.65rem;
  --font-sm: 0.78rem;
  --font-base: 0.82rem;
  --font-md: 0.95rem;
  --font-lg: 1.12rem;
  --font-xl: 1.4rem;
  --font-2xl: 2.1rem;

  /* Motion */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.87, 0, 0.13, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 350ms;
}

[data-theme="dark"] {
  --bg: #161614;
  --surface: #1e1e1b;
  --surface-2: #282824;
  --surface-3: #333330;
  --text: #d4cfc6;
  --text-secondary: #a09888;
  --muted: #6e6658;
  --accent: #d4845a;
  --accent-soft: rgba(212,132,90,0.08);
  --accent-hover: rgba(212,132,90,0.12);
  --border: rgba(255,255,255,0.06);
  --shadow: rgba(0,0,0,0.3);
  --overlay-bg: rgba(0,0,0,0.5);
  --success: #6aaa4c;
  --warning: #d4920e;
  --error: #d4452e;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 4px 12px rgba(0,0,0,0.15);
  --card-hover-shadow: 0 4px 16px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2);
}

[data-theme="sepia"] {
  --bg: #ede4d3;
  --surface: #f5efe3;
  --surface-2: #ddd4c3;
  --surface-3: #d0c6b4;
  --text: #33291c;
  --text-secondary: #5e5040;
  --muted: #8c7c68;
  --accent: #964a2e;
  --accent-soft: rgba(150,74,46,0.08);
  --accent-hover: rgba(150,74,46,0.12);
  --border: rgba(51,41,28,0.1);
  --shadow: rgba(51,41,28,0.08);
  --overlay-bg: rgba(51,41,28,0.25);
  --success: #4e7a2e;
  --warning: #c47a20;
  --error: #b83c2e;
  --card-shadow: 0 1px 3px rgba(51,41,28,0.06), 0 4px 12px rgba(51,41,28,0.04);
  --card-hover-shadow: 0 4px 16px rgba(51,41,28,0.1), 0 1px 3px rgba(51,41,28,0.06);
}