html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f8fd;
  --bg-soft:#edf5ff;
  --panel:rgba(255,255,255,.86);
  --panel-strong:rgba(255,255,255,.96);
  --line:rgba(15,23,42,.12);
  --line-strong:rgba(37,99,235,.28);
  --text:#0c1728;
  --muted:#5f6f84;
  --muted-2:#7a8798;
  --brand:#247bff;
  --cyan:#00b8d9;
  --violet:#5d5cff;
  --shadow:0 18px 60px rgba(15,23,42,.10);
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 18% 0%,rgba(36,123,255,.14),transparent 34%),
    radial-gradient(circle at 86% 10%,rgba(0,184,217,.10),transparent 34%),
    linear-gradient(180deg,#ffffff,var(--bg));
}
html[data-theme="light"] .app-frame{background:rgba(248,251,255,.90);box-shadow:0 24px 80px rgba(15,23,42,.12)}
html[data-theme="light"] .topbar,html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.86)}
html[data-theme="light"] .brand-logo-light{display:none}
html[data-theme="light"] .brand-logo-dark{display:block}
html[data-theme="dark"] .brand-logo-light{display:block}
html[data-theme="dark"] .brand-logo-dark{display:none}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:rgba(255,255,255,.78);color:var(--text)}
html[data-theme="light"] .secondary,html[data-theme="light"] .pill,html[data-theme="light"] .theme-toggle{background:rgba(255,255,255,.72)}
html[data-theme="light"] .viewer-top,html[data-theme="light"] .viewer-warning{background:rgba(255,255,255,.82)}
html[data-theme="light"] .site-legal{background:rgba(255,255,255,.86);border-top-color:#dbe5f2;color:#64748b}
html[data-theme="light"] .site-legal a:hover{color:#0369a1}