:root {
  --font-main: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* shared */
  --radius-xl: 22px;
  --radius-lg: 18px;

  --shadow-soft: 0 12px 40px rgba(0,0,0,.25);
  --shadow-lite: 0 10px 30px rgba(0,0,0,.18);

  --accent: 108 92% 56%;       /* HSL components for nice blending */
  --accent2: 190 85% 55%;
}

/* Dark */
html[data-theme="dark"] {
  --bg: #070a10;
  --fg: #eaf0ff;
  --muted: rgba(234,240,255,.72);

  --glass: rgba(10, 14, 24, .55);
  --glass-border: rgba(255,255,255,.10);

  --card: rgba(10, 14, 24, .62);
  --card-border: rgba(255,255,255,.10);

  --btn-bg: rgba(255,255,255,.08);
  --btn-border: rgba(255,255,255,.14);
}

/* Light */
html[data-theme="light"] {
  --bg: #f6f7fb;
  --fg: #0b1220;
  --muted: rgba(11,18,32,.70);

  --glass: rgba(255,255,255,.65);
  --glass-border: rgba(0,0,0,.08);

  --card: rgba(255,255,255,.72);
  --card-border: rgba(0,0,0,.08);

  --btn-bg: rgba(0,0,0,.06);
  --btn-border: rgba(0,0,0,.10);
}