/* DO NOT EDIT — generated by build_static.js from src/colors.css */
/*
 * Core Craft Wiki color tokens.
 * Theme profiles live here; layout and component sizing stay in style.css.
 */

:root {
  color-scheme: dark;

  --bg: #0d0d12;
  --surface: #161620;
  --surface2: #1e1e2c;
  --border: #2a2a40;
  --border-light: #38385a;
  --accent: #c8952a;
  --accent-contrast: #171108;
  --text: #e8dfc8;
  --text-dim: #b0a888;
  --text-muted: #787090;

  --badge-hostile-bg: #2e1212;
  --badge-hostile-text: #e06b6b;
  --badge-hostile-border: #4a1e1e;
  --badge-neutral-bg: #2e2612;
  --badge-neutral-text: #d8a337;
  --badge-neutral-border: #4a3c18;
  --badge-friendly-bg: #122e12;
  --badge-friendly-text: #62c462;
  --badge-friendly-border: #1e4a1e;
  --badge-biome-bg: #101f34;
  --badge-biome-text: #76a9de;
  --badge-biome-border: #1c3758;
  --badge-recipe-bg: #2a2114;
  --badge-recipe-text: #d0a158;
  --badge-recipe-border: #4a371c;
  --badge-market-bg: #102d20;
  --badge-market-text: #62c790;
  --badge-market-border: #1d5137;
  --badge-quest-bg: #24152f;
  --badge-quest-text: #ba84df;
  --badge-quest-border: #3d2452;
  --badge-prop-bg: var(--surface2);
  --badge-prop-text: var(--text-dim);
  --badge-prop-border: var(--border);
}

/* ── System preference: apply light theme before JS runs ─────────────────── */
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;

    --bg: #f5f1e8;
    --surface: #fffaf0;
    --surface2: #eee5d5;
    --border: #d3c5aa;
    --border-light: #b9a783;
    --accent: #9a6216;
    --accent-contrast: #fff7e8;
    --text: #242016;
    --text-dim: #5f563f;
    --text-muted: #82755b;

    --badge-hostile-bg: #f8e5e1;
    --badge-hostile-text: #8f2f28;
    --badge-hostile-border: #e7b7af;
    --badge-neutral-bg: #f5ecd2;
    --badge-neutral-text: #7b5410;
    --badge-neutral-border: #dfc991;
    --badge-friendly-bg: #e4f0dc;
    --badge-friendly-text: #356a28;
    --badge-friendly-border: #bdd4af;
    --badge-biome-bg: #dcebf2;
    --badge-biome-text: #285f7d;
    --badge-biome-border: #adcbd9;
    --badge-recipe-bg: #f3e7cf;
    --badge-recipe-text: #7a521d;
    --badge-recipe-border: #dcc28d;
    --badge-market-bg: #ddf0e4;
    --badge-market-text: #2d6b48;
    --badge-market-border: #add0ba;
    --badge-quest-bg: #ece1f1;
    --badge-quest-text: #68427a;
    --badge-quest-border: #cfb5db;
    --badge-prop-bg: var(--surface2);
    --badge-prop-text: var(--text-dim);
    --badge-prop-border: var(--border);
  }
}

/* ── Explicit overrides (higher specificity, always win) ─────────────────── */
:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0d0d12;
  --surface: #161620;
  --surface2: #1e1e2c;
  --border: #2a2a40;
  --border-light: #38385a;
  --accent: #c8952a;
  --accent-contrast: #171108;
  --text: #e8dfc8;
  --text-dim: #b0a888;
  --text-muted: #787090;

  --badge-hostile-bg: #2e1212;
  --badge-hostile-text: #e06b6b;
  --badge-hostile-border: #4a1e1e;
  --badge-neutral-bg: #2e2612;
  --badge-neutral-text: #d8a337;
  --badge-neutral-border: #4a3c18;
  --badge-friendly-bg: #122e12;
  --badge-friendly-text: #62c462;
  --badge-friendly-border: #1e4a1e;
  --badge-biome-bg: #101f34;
  --badge-biome-text: #76a9de;
  --badge-biome-border: #1c3758;
  --badge-recipe-bg: #2a2114;
  --badge-recipe-text: #d0a158;
  --badge-recipe-border: #4a371c;
  --badge-market-bg: #102d20;
  --badge-market-text: #62c790;
  --badge-market-border: #1d5137;
  --badge-quest-bg: #24152f;
  --badge-quest-text: #ba84df;
  --badge-quest-border: #3d2452;
  --badge-prop-bg: var(--surface2);
  --badge-prop-text: var(--text-dim);
  --badge-prop-border: var(--border);
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f5f1e8;
  --surface: #fffaf0;
  --surface2: #eee5d5;
  --border: #d3c5aa;
  --border-light: #b9a783;
  --accent: #9a6216;
  --accent-contrast: #fff7e8;
  --text: #242016;
  --text-dim: #5f563f;
  --text-muted: #82755b;

  --badge-hostile-bg: #f8e5e1;
  --badge-hostile-text: #8f2f28;
  --badge-hostile-border: #e7b7af;
  --badge-neutral-bg: #f5ecd2;
  --badge-neutral-text: #7b5410;
  --badge-neutral-border: #dfc991;
  --badge-friendly-bg: #e4f0dc;
  --badge-friendly-text: #356a28;
  --badge-friendly-border: #bdd4af;
  --badge-biome-bg: #dcebf2;
  --badge-biome-text: #285f7d;
  --badge-biome-border: #adcbd9;
  --badge-recipe-bg: #f3e7cf;
  --badge-recipe-text: #7a521d;
  --badge-recipe-border: #dcc28d;
  --badge-market-bg: #ddf0e4;
  --badge-market-text: #2d6b48;
  --badge-market-border: #add0ba;
  --badge-quest-bg: #ece1f1;
  --badge-quest-text: #68427a;
  --badge-quest-border: #cfb5db;
  --badge-prop-bg: var(--surface2);
  --badge-prop-text: var(--text-dim);
  --badge-prop-border: var(--border);
}