/* =========================================================
   Theme: Burgundy & Bone
   A warm, formal luxury palette — bone/off-white ground,
   near-black wine-tinted ink, deep burgundy (oxblood) accent.
   Drop this file in on its own, or let style.css import it.
   ========================================================= */

:root {
  /* ---- Core palette ---- */
  --color-bg:        #faf7f2;  /* page background — "bone" */
  --color-surface:   #ffffff;  /* cards, panels, header/footer bg */
  --color-surface-2: #f2ece3;  /* subtle alt surface, e.g. striped rows */
  --color-border:    #e7ded3;  /* hairlines, dividers, input borders */

  --color-ink:       #241014;  /* primary text — near-black, wine-tinted */
  --color-ink-soft:  #5a4148;  /* secondary text, captions */
  --color-muted:     #8c7a6b;  /* tertiary text, meta labels, placeholders */

  --color-accent:       #6b1f2a; /* burgundy / oxblood — links, buttons, emphasis */
  --color-accent-hover: #551821; /* hover/active state, ~15% darker */
  --color-accent-tint:  #f4e6e8; /* pale accent wash — badges, selected states */

  /* ---- Semantic aliases (use these in components) ---- */
  --color-text:        var(--color-ink);
  --color-text-muted:  var(--color-muted);
  --color-link:        var(--color-accent);
  --color-link-hover:  var(--color-accent-hover);
  --color-button-bg:       var(--color-accent);
  --color-button-bg-hover: var(--color-accent-hover);
  --color-button-text:     var(--color-bg);

  /* ---- Type (optional — swap for your own stack) ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* ---- Spacing / radius (light structural defaults) ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-card: 0 1px 2px rgba(36, 16, 20, 0.06), 0 4px 16px rgba(36, 16, 20, 0.05);
}

/* Optional dark-mode companion. Remove this block if the site
   is staying single-theme (light-only is a valid choice for a
   formal/heritage brand like this one). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg:        #1a1013;
    --color-surface:   #241418;
    --color-surface-2: #2c1a1e;
    --color-border:    #3a2226;

    --color-ink:       #f3ead9;
    --color-ink-soft:  #cbb9ae;
    --color-muted:     #9a8579;

    --color-accent:       #b23a48;
    --color-accent-hover: #cf4d5c;
    --color-accent-tint:  #33191d;

    --color-button-text: var(--color-bg);
  }
}
:root[data-theme="dark"] {
  --color-bg:        #1a1013;
  --color-surface:   #241418;
  --color-surface-2: #2c1a1e;
  --color-border:    #3a2226;

  --color-ink:       #f3ead9;
  --color-ink-soft:  #cbb9ae;
  --color-muted:     #9a8579;

  --color-accent:       #b23a48;
  --color-accent-hover: #cf4d5c;
  --color-accent-tint:  #33191d;

  --color-button-text: var(--color-bg);
}