/* ═══════════════════════════════════════
   TOKENS
═══════════════════════════════════════ */
:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
  --nav-h: 64px;
  --r: 14px;
}

[data-theme="dark"] {
  --bg:     #090807;
  --bg2:    #131110;
  --bg3:    #1d1a17;
  --border: rgba(240,235,225,0.07);
  --border2:rgba(240,235,225,0.13);
  --text:   #f0ebe1;
  --text2:  rgba(240,235,225,0.55);
  --text3:  rgba(240,235,225,0.28);
  --accent: #c43d1a;
  --accent2:#e8724a;
  --gold:   #c9a84c;
  --green:  #5aad82;
  --purple: #a06ac8;
  --blue:   #4a8ac4;
  --nav:    rgba(9,8,7,0.94);
  --shadow: 0 4px 24px rgba(0,0,0,0.5);
  --overlay:rgba(9,8,7,0.88);
  --input:  rgba(240,235,225,0.06);
}

[data-theme="light"] {
  --bg:     #f4efe6;
  --bg2:    #fdfaf5;
  --bg3:    #e8e1d6;
  --border: rgba(26,20,16,0.12);
  --border2:rgba(26,20,16,0.22);
  --text:   #120e0a;
  --text2:  rgba(18,14,10,0.72);
  --text3:  rgba(18,14,10,0.48);
  --accent: #b83518;
  --accent2:#b83518;
  --gold:   #7a5e10;
  --green:  #1e6e44;
  --purple: #5e2a8a;
  --blue:   #1a5490;
  --nav:    rgba(244,239,230,0.96);
  --shadow: 0 4px 24px rgba(0,0,0,0.12);
  --overlay:rgba(244,239,230,0.94);
  --input:  rgba(18,14,10,0.08);
}