:root {
  --red: #E63946;
  --red-dark: #c12633;
  --red-glow: rgba(230,57,70,0.3);
  --black: #080400;
  --black2: #100800;
  --black3: #160A00;
  --cream: #F0EDE6;
  --white: #FFFFFF;

  --bg: #080400;
  --bg2: #100800;
  --bg3: #160A00;
  --surface: #1A0C00;
  --surface2: #200E00;

  --text: #F0EDE6;
  --text2: rgba(240,237,230,0.6);
  --text3: rgba(240,237,230,0.35);
  --border: rgba(230,57,70,0.12);
  --border2: rgba(240,237,230,0.08);

  --nav-bg: rgba(8,4,0,0.9);
  --card-bg: #160A00;

  --font-display: 'Barlow Condensed', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --r: 16px;
  --r-sm: 8px;
  --shadow: 0 4px 32px rgba(230,57,70,0.12);
  --shadow-lg: 0 12px 60px rgba(230,57,70,0.2);
  --transition: 0.25s cubic-bezier(0.4,0,0.2,1);
}

[data-theme="light"] {
  --bg: #F0EDE6;
  --bg2: #E8E4DC;
  --bg3: #DEDAD1;
  --surface: #FFFFFF;
  --surface2: #F8F5EF;
  --text: #111111;
  --text2: #555550;
  --text3: #99998C;
  --border: rgba(17,17,17,0.1);
  --border2: rgba(17,17,17,0.06);
  --nav-bg: rgba(240,237,230,0.92);
  --card-bg: #FFFFFF;
  --shadow: 0 4px 24px rgba(17,17,17,0.08);
  --shadow-lg: 0 12px 48px rgba(17,17,17,0.12);
}