:root {
    --primary: #0ea5e9;
    --primary-light: #38bdf8;
    --primary-dark: #0369a1;
  
    --bg: #f8fafc;
    --surface: #ffffff;
    --card: rgba(255, 255, 255, 0.76);
  
    --text: #0f172a;
    --text-muted: #64748b;
  
    --border: rgba(14, 165, 233, 0.16);
    --shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    --radius: 18px;
  }
  
  html.dark {
    --bg: #050b16;
    --surface: #08111f;
    --card: rgba(11, 22, 39, 0.78);
  
    --text: #f8fafc;
    --text-muted: #cbd5e1;
  
    --border: rgba(125, 211, 252, 0.16);
    --shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
  }