:root {
  /* surfaces */
  --bg: #FEEDDE;          /* Antique White — primary surface */
  --bg-subtle: #FEDEEE;   /* Petal Frost — secondary fills, blockquotes, code, cards */
  --surface-cool: #DDEAE4; /* Sage Mist — informational grouping */
  --surface-sky: #DFE8F2;  /* Paper Blue — contract grouping */
  --surface-gold: #F4E1B5; /* Soft Gold — results grouping */

  /* text */
  --text: #021111;        /* Ink Black — body */
  --text-strong: #402402; /* Deep Walnut — headings, strong text */
  --text-muted: rgba(2, 17, 17, 0.6);

  /* accent (use sparingly — see SKILL.md) */
  --accent: #FFAAA7;      /* Powder Blush — links, rules, marks, hover */
  --accent-2: #282828;    /* Midnight Violet — secondary accent / dark neutral */

  /* hairlines — the primary structural device */
  --rule: rgba(2, 17, 17, 0.18);
  --rule-strong: rgba(2, 17, 17, 0.7);

  /* reading measure */
  --measure: 42rem;       /* ~700px */

  /* modal / overlay scrim */
  --scrim: rgba(2, 17, 17, 0.45);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #282828;
    --bg-subtle: #021111;
    --surface-cool: #31413B;
    --surface-sky: #313C49;
    --surface-gold: #463D2F;
    --text: #FEEDDE;
    --text-strong: #FEDEEE;
    --text-muted: rgba(254, 237, 222, 0.6);
    --accent: #FFAAA7;
    --accent-2: #FEDEEE;
    --rule: rgba(254, 237, 222, 0.18);
    --rule-strong: rgba(254, 237, 222, 0.7);
    --scrim: rgba(0, 0, 0, 0.6);
  }
}