:root {
  --bg: #14100d;
  --panel: #1f1913;
  --panel2: #241d15;
  --line: #33291e;
  --ink: #f3ead9;
  --dim: #b9ae9f;
  --faint: #8a8074;
  --crema: #f0b35e;
  --caramel: #b0742a;
  --violeta: #8b7cf8;
  --violeta-deep: #6a58e8;
  --violeta-soft: rgba(139, 124, 248, .14);
  --amber: rgba(240, 179, 94, .13);
  --amber-line: rgba(240, 179, 94, .42);
  --good: #8fbf7f;
  --good-line: rgba(143, 191, 127, .45);
  --r-lg: 20px;
  --r-md: 14px;
  --r-pill: 999px;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, Menlo, Consolas, monospace;

  /* Compatibility aliases keep the existing data-driven components on one palette. */
  --background: var(--bg);
  --surface: var(--panel);
  --surface-2: var(--panel2);
  --border: var(--line);
  --panel-border: var(--line);
  --text: var(--ink);
  --text-primary: var(--ink);
  --text-secondary: var(--dim);
  --muted: var(--dim);
  --accent: var(--violeta);
  --accent-2: var(--violeta-deep);
  --primary: var(--violeta);
  --yellow: var(--crema);
  --green: var(--good);
  --green-bright: var(--good);
  --red: var(--crema);
  --truth-border: var(--amber-line);
  --truth-bg: var(--amber);
  --truth-ink: var(--crema);
  --font: var(--sans);
  --launch-radius-lg: var(--r-lg);
  --launch-radius-md: var(--r-md);
  --launch-radius-pill: var(--r-pill);
  --launch-mono: var(--mono);
  --lc-bg: var(--bg);
  --lc-panel: var(--panel);
  --lc-panel-2: var(--panel2);
  --lc-line: var(--line);
  --lc-text: var(--ink);
  --lc-ink-2: var(--dim);
  --lc-muted: var(--faint);
  --lc-amber: var(--crema);
  --lc-amber-soft: var(--amber);
  --lc-amber-line: var(--amber-line);
  --lc-violet: var(--violeta);
  --lc-violet-deep: var(--violeta-deep);
  --lc-violet-soft: var(--violeta-soft);
  --lc-good: var(--good);
  --lc-good-line: var(--good-line);
  --on-accent: #f3ead9;
  --on-crema: #2b2118;
  color-scheme: dark;
}

:root[data-roast="latte"] {
  --bg: #f5efe4;
  --panel: #fdfaf3;
  --panel2: #f6efe0;
  --line: #e2d6c1;
  --ink: #2b2118;
  --dim: #7c6c58;
  --faint: #9a8a74;
  --crema: #9a6420;
  --caramel: #9a6420;
  --violeta: #6a58d6;
  --violeta-deep: #5a48c0;
  --violeta-soft: rgba(106, 88, 214, .12);
  --amber: rgba(154, 100, 32, .10);
  --amber-line: rgba(154, 100, 32, .40);
  --good: #4d7c42;
  --good-line: rgba(77, 124, 66, .40);
  --background: var(--bg);
  --surface: var(--panel);
  --surface-2: var(--panel2);
  --border: var(--line);
  --panel-border: var(--line);
  --text: var(--ink);
  --text-primary: var(--ink);
  --text-secondary: var(--dim);
  --muted: var(--dim);
  --accent: var(--violeta);
  --accent-2: var(--violeta-deep);
  --primary: var(--violeta);
  --yellow: var(--crema);
  --green: var(--good);
  --green-bright: var(--good);
  --red: var(--crema);
  --truth-border: var(--amber-line);
  --truth-bg: var(--amber);
  --truth-ink: var(--crema);
  --font: var(--sans);
  --lc-bg: var(--bg);
  --lc-bg-0: var(--bg);
  --lc-bg-1: var(--panel);
  --lc-panel: var(--panel);
  --lc-panel-2: var(--panel2);
  --lc-line: var(--line);
  --lc-text: var(--ink);
  --lc-ink: var(--ink);
  --lc-ink-2: var(--dim);
  --lc-ink-3: var(--faint);
  --lc-muted: var(--faint);
  --lc-amber: var(--crema);
  --lc-crema: var(--crema);
  --lc-caramel: var(--caramel);
  --lc-amber-soft: var(--amber);
  --lc-amber-line: var(--amber-line);
  --lc-violet: var(--violeta);
  --lc-violet-deep: var(--violeta-deep);
  --lc-violet-soft: var(--violeta-soft);
  --lc-good: var(--good);
  --lc-good-line: var(--good-line);
  color-scheme: light;
}