/* Direction: Maison Aurelle — warm ivory paper, deep emerald, brushed-gold details, a high-contrast serif */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f8f3ea;
  --surface: #fffdf8;
  --surface-2: #efe7d8;
  --border: #d6d2ca;
  --border-strong: #afada6;
  --ink: #1e1914;
  --muted: #61564a;
  --accent: #1f4036;
  --accent-hover: #1a362e;
  --accent-ink: #ffffff;
  --accent-text: #1f4036;
  --accent-strong: #17322a;
  --accent-soft: #e3ece6;
  --accent-border: #96a299;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dde5d5;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f0e0cf;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f0d9d1;
  --danger-strong: #b91c1c;
  --chart-1: #1f4036;
  --chart-2: #05528f;
  --chart-3: #623481;
  --chart-4: #84253d;
  --chart-5: #614900;
  --chart-6: #15712f;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", system-ui, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.02em;
  --radius-card: 4px;
  --radius-btn: 999px;
  --radius-input: 4px;
  --x-band: #12261f;
  --x-gold: #c9a45c;
  --x-on-photo: #ffffff;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Jost", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #040908;
  --surface: #1d2221;
  --surface-2: #111514;
  --border: #272b2b;
  --border-strong: #4f5352;
  --ink: #f8f3ea;
  --muted: #969590;
  --accent: #1f4036;
  --accent-hover: #415d54;
  --accent-ink: #ffffff;
  --accent-text: #829490;
  --accent-strong: #778b86;
  --accent-soft: #0a1512;
  --accent-border: #10221d;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #082314;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2b1908;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2c0d0c;
  --danger-strong: #cd5c5c;
  --chart-1: #507267;
  --chart-2: #1a8fbf;
  --chart-3: #8370c6;
  --chart-4: #ba5c88;
  --chart-5: #bb672b;
  --chart-6: #83880f;
}

body { font-family: var(--font-body); }
dialog.modal::backdrop { background: rgba(0, 0, 0, 0.5); }