:root{
  --bg:#0b0b0d;
  --bg2:#121218;
  --text:#f5f5f7;
  --muted:#b6b6c2;
  --card:#181823;
  --card2:#1f1f2a;
  --border:rgba(255,255,255,.08);
  --accent:#e50914;
  --shadow: 0 12px 30px rgba(0,0,0,.35);
  --radius: 18px;
  --radius2: 14px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

html[data-theme="light"]{
  --bg:#f6f7fb;
  --bg2:#ffffff;
  --text:#0c0d12;
  --muted:#4b4e5a;
  --card:#ffffff;
  --card2:#ffffff;
  --border:rgba(0,0,0,.10);
  --accent:#e50914;
  --shadow: 0 12px 30px rgba(0,0,0,.12);
}

@media (prefers-color-scheme: light){
  html[data-theme="system"]{
    --bg:#f6f7fb;
    --bg2:#ffffff;
    --text:#0c0d12;
    --muted:#4b4e5a;
    --card:#ffffff;
    --card2:#ffffff;
    --border:rgba(0,0,0,.10);
    --accent:#e50914;
    --shadow: 0 12px 30px rgba(0,0,0,.12);
  }
}
@media (prefers-color-scheme: dark){
  html[data-theme="system"]{
    --bg:#0b0b0d;
    --bg2:#121218;
    --text:#f5f5f7;
    --muted:#b6b6c2;
    --card:#181823;
    --card2:#1f1f2a;
    --border:rgba(255,255,255,.08);
    --accent:#e50914;
    --shadow: 0 12px 30px rgba(0,0,0,.35);
  }
}