/* Palette variables only; all layout/typography lives in styles.css.
   Dark values are the base palette; light values are derived from the
   same hues for a light-surface variant. */

:root {
  --bg: #f3efe9;
  --panel: #ffffff;
  --surface: #eee6dc;
  --surface-1: #f8f3ee;
  --code-bg: #faf6f2;

  --text: #3d3123;
  --text-muted: #7b6d5d;
  --text-subtle: #a39587;
  --heading: #2f2316;

  --accent: #9c4e1d;
  --accent-hover: #7a3c14;
  --accent-code: #8e4a20;
  --accent-muted: #96684a;
  --secondary: #7d5c34;

  --border: #e2d7cb;
  --border-muted: #ece4db;
  --border-strong: #cdbfae;

  --selection-bg: #9c4e1d;
  --selection-fg: #ffffff;
  --mark-bg: #eedccf;
  --veil: rgba(255, 255, 255, 0.34);

  --danger: #b51e10;
  --warning: #8a4e00;
  --success: #0f7d4b;
  --hl: #a34a10;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #100c07;
    --panel: #1e1a15;
    --surface: #242321;
    --surface-1: #31302e;
    --code-bg: #100c07;

    --text: #c3c2c1;
    --text-muted: #989796;
    --text-subtle: #696868;
    --heading: #e8e8e8;

    --accent: #c76930;
    --accent-hover: #d89972;
    --accent-code: #c68964;
    --accent-muted: #b08063;
    --secondary: #aa8b67;

    --border: #171615;
    --border-muted: #141312;
    --border-strong: #323131;

    --selection-bg: #c76930;
    --selection-fg: #1e1a15;
    --mark-bg: #744438;
    --veil: rgba(30, 26, 21, 0.42);

    --danger: #c9564a;
    --warning: #b85000;
    --success: #15a965;
    --hl: #bf490a;
  }
}