@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap");

:root {
  /* Core palette */
  --dark:     #100f0e;        /* Workshop charcoal — dark section bg */
  --light:    #f4efe7;        /* Raw stock — light section bg */
  --text-dk:  #f0ebe4;        /* Warm white — text on dark */
  --text-lt:  #1a1714;        /* Near-black — text on light */
  --accent:   #c8892a;        /* Forge amber — kickers, marks, CTAs */
  --steel:    #7a9db5;        /* Steel fog — secondary accent */
  --mid:      #706a66;        /* Workshop dust — secondary text */

  /* Borders */
  --border-dk: rgba(200,137,42,0.12);
  --border-lt: rgba(26,23,20,0.08);

  /* Typography */
  --font: 'Inter', sans-serif;

  /* Layout */
  --max: 1160px;


  /* System aliases (required by system.css) */
  --primary: var(--accent);
  --border:  var(--border-lt);

  /* Semantic tokens — light mode (default) */
  --bg:            var(--light);
  --bg-surface:    #fff;
  --fg:            var(--dark);
  --fg-muted:      var(--mid);
  --border-subtle: var(--border);
}


/* ─── Dark Mode ─── */
[data-theme="dark"] {
  --bg:            #0a0908;
  --bg-surface:    #151412;
  --fg:            #f0ebe4;
  --fg-muted:      rgba(240,235,228,0.58);
  --mid:           #9a9490;
  --border-subtle: rgba(200,137,42,0.12);
  --border:        rgba(200,137,42,0.12);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --bg:            #0a0908;
    --bg-surface:    #151412;
    --fg:            #f0ebe4;
    --fg-muted:      rgba(240,235,228,0.58);
    --mid:           #9a9490;
    --border-subtle: rgba(200,137,42,0.12);
    --border:        rgba(200,137,42,0.12);
  }
}