/* theme.css — Design tokens light & dark */

:root {
  --gold: #B8952A;
  --gold-2: #D4AF5A;
  --gold-dim: rgba(184,149,42,0.12);
  --gold-glow: rgba(184,149,42,0.25);

  /* LIGHT */
  --bg: #F2EFE9;
  --bg-2: #FFFFFF;
  --bg-3: #F7F5F0;
  --surface: rgba(255,255,255,0.72);
  --surface-2: rgba(255,255,255,0.55);
  --border: rgba(0,0,0,0.07);
  --border-2: rgba(0,0,0,0.12);
  --text: #1A1510;
  --text-2: #5A5248;
  --text-3: #9A948C;
  --nav-bg: rgba(242,239,233,0.88);
  --sheet-bg: rgba(247,245,240,0.96);
  --input-bg: rgba(0,0,0,0.04);
  --input-border: rgba(0,0,0,0.08);
  --shadow: 0 8px 32px rgba(0,0,0,0.10);
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.07);
}

[data-theme="dark"] {
  --bg: #0F0D0A;
  --bg-2: #1C1A16;
  --bg-3: #252220;
  --surface: rgba(28,26,22,0.82);
  --surface-2: rgba(20,18,15,0.65);
  --border: rgba(255,255,255,0.07);
  --border-2: rgba(255,255,255,0.12);
  --text: #F5F0E8;
  --text-2: #A09880;
  --text-3: #6A6258;
  --nav-bg: rgba(15,13,10,0.92);
  --sheet-bg: rgba(22,20,17,0.97);
  --input-bg: rgba(255,255,255,0.05);
  --input-border: rgba(255,255,255,0.08);
  --shadow: 0 8px 32px rgba(0,0,0,0.5);
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.3);
}