/* Default theme (choose one). We'll default to dark for your vibe. */
:root{
  --radius: 16px;
  --shadow: 0 14px 40px rgba(0,0,0,.35);
  --max: 1100px;
  --pad: 18px;
  --gap: 18px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --nav-height: 55px;
  --crumb-height: 30px;
}

/* DARK: "Fur at Dusk" */
:root[data-theme="dark"]{
  --bg: #2B2623;          /* Deep Fur */
  --bg2: #282421;         /* Darker Deep */
  --bg3: #38332f;         /* Lighter Deep */
  --panel: #38322E;       /* Panel */
  --text: #E6DED4;        /* Driftwood */
  --muted: #B8AEA3;       /* Muted */
  --border: rgba(230,222,212,.12);

  --spice: #C07A45;       /* CTA */
  --moss: #7C8771;        /* Secondary */
  --eye: #5C7E8A;         /* Links/accents */
}

/* LIGHT: "Driftwood Daylight" */
:root[data-theme="light"]{
  --bg: #E6DED4;          /* Driftwood background */
  --bg2: #cdc4b9;         /* Darker Driftwood */
  --bg3: #e5ded5;         /* Slightly Darker */
  --panel: #F3EEE8;       /* Slightly lighter panel */
  --text: #2B2623;        /* Deep Fur text */
  --muted: #5C554F;       /* Muted deep */
  --border: rgba(47,42,38,.14);

  --spice: #C07A45;       /* CTA stays same */
  --moss: #7C8771;        /* Secondary stays same */
  --eye: #5C7E8A;         /* Links/accents stays same */
}