/* ═══════════════════════════════════════════
   TOKENS
═══════════════════════════════════════════ */
:root {
  --bd: #0a52cc;   /* brand deep blue  */
  --bl: #00aaee;   /* brand light blue */
  --bg: #daeeff;
  --sf: rgba(255,255,255,0.44);
  --br: rgba(10,82,204,0.14);
  --tx: #000000;
  --tx2: #0d1e38;
  --tx3: #507098;
  --r:  20px; --rs: 12px; --rp: 999px;
  --t:  0.3s cubic-bezier(0.4,0,0.2,1);
  --sh: 0 4px 28px rgba(10,82,204,0.10);
  --shL:0 12px 50px rgba(10,82,204,0.15);
}
[data-theme="dark"] {
  --bg: #040c1c;
  --sf: rgba(6,18,48,0.55);
  --br: rgba(0,170,238,0.13);
  --tx: #ffffff;
  --tx2:#b0ccf4;
  --tx3:#3a6080;
  --sh: 0 4px 28px rgba(0,0,0,0.44);
  --shL:0 12px 50px rgba(0,0,0,0.60);
}