/* kamalo design tokens — Tuscan palette (see design-system.html). Warm neutrals,
   terracotta accent (green freed for the success semantic). Light + dark. */
:root {
  --accent: #C15F3C;          /* terracotta (roof) */
  --accent-strong: #A94E2E;
  --cypress: #3F7A57;
  --olive: #7E8A3C;
  --sun: #E8B53E;

  --bg: #F6EFE1;              /* parchment */
  --surface: #FFFDF7;
  --surface-2: #F0E7D6;
  --border: #DDD2BC;
  --ink: #29241D;            /* warm near-black */
  --ink-soft: #6B6151;
  --ink-faint: #9A8F7B;

  --success: #4E9A50;
  --warning: #C98A24;
  --danger: #A5342C;         /* Chianti */

  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(41, 36, 29, .08), 0 4px 16px rgba(41, 36, 29, .06);
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #DA754C;
    --accent-strong: #E6875F;
    --cypress: #5C9E74;
    --olive: #9BA84F;
    --sun: #E8B53E;

    --bg: #1C1912;           /* espresso */
    --surface: #262117;
    --surface-2: #2F2A1E;
    --border: #40392B;
    --ink: #F3ECDD;
    --ink-soft: #C3B8A2;
    --ink-faint: #8C8168;

    --success: #6BBE6D;
    --warning: #DDA53E;
    --danger: #D9645A;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
  }
}