/* =========================================================
   CAMPUSKART — THEME TOKENS
   Load this on EVERY page (before other CSS)

   LIGHT = white + brick   (brick plays the "gold" role)
   DARK  = black + gold    (original)
========================================================= */

:root {
  /* ---------- LIGHT (white + brick) ---------- */
  --bg: #FFFFFF;
  --bg-elevated: #FAF6F4;
  --surface: #FFFFFF;
  --surface-hover: #F5EAE5;
  --border: rgba(155, 54, 30, 0.14);
  --border-strong: rgba(155, 54, 30, 0.24);

  /* Brand — brick */
  --brand-green: #9B361E;          /* brick (primary accent) */
  --brand-green-dark: #7A2412;     /* deep brick */
  --brand-green-soft: rgba(155, 54, 30, 0.10);

  /* In LIGHT mode, "gold" roles become BRICK */
  --accent-gold: #9B361E;          /* brick — used for prices, wallet, active states */
  --accent-gold-dark: #7A2412;     /* deep brick */

  --text-primary: #2B1712;
  --text-secondary: #5C3B32;
  --text-muted: #8A6B60;

  --danger: #C0392B;

  --header-bg: rgba(255, 255, 255, 0.94);
  --bottom-nav-bg: rgba(255, 255, 255, 0.96);
  --modal-overlay-bg: rgba(43, 23, 18, 0.55);
  --modal-close-bg: rgba(0, 0, 0, 0.45);
  --modal-close-bg-hover: rgba(0, 0, 0, 0.65);
  --hero-arrow-bg: rgba(255, 255, 255, 0.85);
  --modal-button-text: #FFFFFF;

  /* shared tokens */
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', sans-serif;
  --header-h: 58px;
  --bottom-nav-h: 62px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}

[data-theme="dark"] {
  --bg: #10140F;
  --bg-elevated: #161C12;
  --surface: #1B221A;
  --surface-hover: #232B20;
  --border: rgba(246, 245, 240, 0.08);
  --border-strong: rgba(246, 245, 240, 0.14);

  --brand-green: #3E8E32;
  --brand-green-dark: #2C6624;
  --brand-green-soft: rgba(62, 142, 50, 0.16);

  /* In DARK mode, gold stays GOLD (original) */
  --accent-gold: #E8B84B;
  --accent-gold-dark: #C99A34;

  --text-primary: #F6F5F0;
  --text-secondary: #A6B0A2;
  --text-muted: #6D766A;

  --danger: #E15B4D;

  --header-bg: rgba(16, 20, 15, 0.94);
  --bottom-nav-bg: rgba(16, 20, 15, 0.96);
  --modal-overlay-bg: rgba(0, 0, 0, 0.8);
  --modal-close-bg: rgba(0, 0, 0, 0.5);
  --modal-close-bg-hover: rgba(0, 0, 0, 0.7);
  --hero-arrow-bg: rgba(0, 0, 0, 0.7);
  --modal-button-text: #15150f;
}