@import url('https://fonts.googleapis.com/css2?family=Alef:wght@400;700&family=Heebo:wght@300;400;500;700;900&family=Frank+Ruhl+Libre:wght@400;700&family=Secular+One&display=swap');
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* Light theme = default */
:root{
  --bg:#f5f5f0;
  --card:#ffffff;
  --card2:#f0ede6;
  --gold:#b8860b;
  --gold2:#96700a;
  --sky:#2563eb;
  --silver:#333;
  --sun:#cc7700;
  --purple:#6d28d9;
  --green:#059669;
  --red:#dc2626;
  --txt:#1a1a1a;
  --txt2:#4a5568;
  --txt3:#718096;
  --r:14px;
  --font-body:'Heebo',sans-serif;
  --font-src:'Frank Ruhl Libre',serif;
  --font-hal:'Secular One','Heebo',sans-serif;
  /* Theme-aware utility colors */
  --border:rgba(0,0,0,.1);
  --border-light:rgba(0,0,0,.06);
  --overlay:rgba(255,255,255,.92);
  --hover:rgba(0,0,0,.03);
  --shadow:rgba(0,0,0,.06);
  --gold-bg:rgba(184,134,11,.08);
  --gold-border:rgba(184,134,11,.2);
  --purple-bg:rgba(109,40,217,.06);
  --sky-bg:rgba(37,99,235,.05);
  --sky-border:rgba(37,99,235,.2);
  --green-bg:rgba(5,150,105,.06);
  --green-border:rgba(5,150,105,.15);
  --btn-text:#fff;
}
body{font-family:var(--font-body);background:var(--bg);color:var(--txt);min-height:100vh;font-size:16px;line-height:1.7;overflow-x:hidden}

/* Dark theme override */
[data-theme="dark"]{
  --bg:#0a0e1a;
  --card:#111827;
  --card2:#161f33;
  --gold:#f4d03f;
  --gold2:#c9a820;
  --sky:#87CEEB;
  --silver:#e0e0e0;
  --sun:#ff9933;
  --purple:#8b5cf6;
  --green:#34d399;
  --red:#ef4444;
  --txt:#f0f0f0;
  --txt2:#a0aec0;
  --txt3:#6b7a90;
  --border:rgba(255,255,255,.1);
  --border-light:rgba(255,255,255,.06);
  --overlay:rgba(10,14,26,.92);
  --hover:rgba(255,255,255,.03);
  --shadow:rgba(0,0,0,.3);
  --gold-bg:rgba(244,208,63,.08);
  --gold-border:rgba(244,208,63,.2);
  --purple-bg:rgba(139,92,246,.05);
  --sky-bg:rgba(135,206,235,.04);
  --sky-border:rgba(135,206,235,.3);
  --green-bg:rgba(52,211,153,.06);
  --green-border:rgba(52,211,153,.15);
  --btn-text:#0a0e1a;
}