/* Video Dubber — estilos de sistema (versión profesional) */

/* 0 Original — el look con el que nació la web */
[data-theme="original"], [data-theme="graphite"], [data-theme="dark"] {
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radius: 14px; --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(0,0,0,.15); --shadow-lg: 0 12px 48px rgba(0,0,0,.25);
  --bg: #0a0c10; --bg-2: #10131a; --panel: rgba(18,22,32,.88);
  --panel-border: rgba(255,255,255,.07); --glass: rgba(255,255,255,.04);
  --glass-strong: rgba(255,255,255,.07); --text: #f0f2f5;
  --text-2: rgba(255,255,255,.65); --text-3: rgba(255,255,255,.42);
  --accent: #60a5fa; --accent-2: #a78bfa; --green: #34d399; --yellow: #fbbf24;
  --red: #f87171; --blue: #60a5fa; --purple: #a78bfa; --orange: #fb923c;
  --surface: #141820; --hover: rgba(255,255,255,.05); --active: rgba(96,165,250,.15);
  --border: rgba(255,255,255,.06); --blur: blur(20px) saturate(150%);
  --color-scheme: dark;
  --bg-image: radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.08), transparent 50%),
              radial-gradient(900px 500px at 100% 0%, rgba(167,139,250,.06), transparent 46%);
}

/* 1 iPhone — HIG, azul sistema, sin gritos */
[data-theme="ios"] {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, sans-serif;
  --radius: 18px; --radius-sm: 12px;
  --shadow: 0 8px 28px rgba(0,0,0,.08); --shadow-lg: 0 18px 48px rgba(0,0,0,.12);
  --bg: #f2f2f7; --bg-2: #ffffff; --panel: rgba(255,255,255,.86);
  --panel-border: rgba(60,60,67,.10); --glass: rgba(255,255,255,.6); --glass-strong: #fff;
  --text: #1c1c1e; --text-2: rgba(60,60,67,.68); --text-3: rgba(60,60,67,.42);
  --accent: #007aff; --accent-2: #5ac8fa; --green: #34c759; --yellow: #ff9f0a;
  --red: #ff3b30; --blue: #007aff; --purple: #5856d6; --orange: #ff9500;
  --surface: #e5e5ea; --hover: rgba(0,122,255,.07); --active: rgba(0,122,255,.12);
  --border: rgba(60,60,67,.10); --blur: blur(24px) saturate(160%);
  --color-scheme: light;
  --bg-image: none;
}

/* 2 Galaxy — One UI, azul Samsung #2189FF */
[data-theme="galaxy"] {
  --font: Roboto, "Noto Sans", system-ui, sans-serif;
  --radius: 22px; --radius-sm: 16px;
  --shadow: 0 8px 24px rgba(0,0,0,.22); --shadow-lg: 0 16px 40px rgba(0,0,0,.28);
  --bg: #010101; --bg-2: #17171a; --panel: rgba(28,28,30,.94);
  --panel-border: rgba(255,255,255,.07); --glass: rgba(255,255,255,.04); --glass-strong: #2c2c2e;
  --text: #f2f2f2; --text-2: rgba(242,242,242,.68); --text-3: rgba(242,242,242,.40);
  --accent: #2189ff; --accent-2: #64b5f6; --green: #43a047; --yellow: #f9a825;
  --red: #e57373; --blue: #2189ff; --purple: #7e57c2; --orange: #fb8c00;
  --surface: #2c2c2e; --hover: rgba(33,137,255,.10); --active: rgba(33,137,255,.16);
  --border: rgba(255,255,255,.07); --blur: blur(20px) saturate(130%);
  --color-scheme: dark;
  --bg-image: none;
}

/* 3 Xiaomi — HyperOS: gris cálido, naranja solo de acento */
[data-theme="xiaomi"] {
  --font: Outfit, "Noto Sans", system-ui, sans-serif;
  --radius: 16px; --radius-sm: 10px;
  --shadow: 0 6px 20px rgba(20,16,12,.06); --shadow-lg: 0 14px 36px rgba(20,16,12,.10);
  --bg: #f6f4f1; --bg-2: #ffffff; --panel: #ffffff;
  --panel-border: rgba(40,32,24,.08); --glass: #f3f0eb; --glass-strong: #fff;
  --text: #1c1917; --text-2: rgba(28,25,23,.62); --text-3: rgba(28,25,23,.40);
  --accent: #c45c26; --accent-2: #d97706; --green: #3d7a4a; --yellow: #b45309;
  --red: #b42318; --blue: #2563eb; --purple: #7c3aed; --orange: #c45c26;
  --surface: #ece8e2; --hover: rgba(196,92,38,.07); --active: rgba(196,92,38,.12);
  --border: rgba(40,32,24,.08); --blur: none;
  --color-scheme: light;
  --bg-image: none;
}

/* 4 Windows 11 — Fluent, mica, azul #0078D4 */
[data-theme="windows"] {
  --font: "Segoe UI Variable", "Segoe UI", Inter, sans-serif;
  --radius: 8px; --radius-sm: 6px;
  --shadow: 0 4px 16px rgba(0,0,0,.18); --shadow-lg: 0 16px 40px rgba(0,0,0,.26);
  --bg: #202020; --bg-2: #2b2b2b; --panel: rgba(43,43,43,.88);
  --panel-border: rgba(255,255,255,.08); --glass: rgba(255,255,255,.04); --glass-strong: rgba(50,50,50,.9);
  --text: #ffffff; --text-2: rgba(255,255,255,.70); --text-3: rgba(255,255,255,.42);
  --accent: #60cdff; --accent-2: #0078d4; --green: #6ccb5f; --yellow: #fce100;
  --red: #ff99a4; --blue: #60cdff; --purple: #b39ddb; --orange: #ffaa44;
  --surface: #323232; --hover: rgba(0,120,212,.12); --active: rgba(0,120,212,.22);
  --border: rgba(255,255,255,.08); --blur: blur(28px) saturate(130%);
  --color-scheme: dark;
  --bg-image: none;
}

/* 5 Linux — Adwaita / GNOME */
[data-theme="linux"] {
  --font: Cantarell, Inter, "Noto Sans", sans-serif;
  --radius: 12px; --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,.28); --shadow-lg: 0 8px 24px rgba(0,0,0,.32);
  --bg: #1e1e1e; --bg-2: #2a2a2a; --panel: #2e2e2e;
  --panel-border: rgba(255,255,255,.07); --glass: #363636; --glass-strong: #3a3a3a;
  --text: #eeeeec; --text-2: #c0bfbc; --text-3: #9a9996;
  --accent: #3584e4; --accent-2: #62a0ea; --green: #57e389; --yellow: #f6d32d;
  --red: #ed333b; --blue: #3584e4; --purple: #c061cb; --orange: #ff7800;
  --surface: #3a3a3a; --hover: rgba(53,132,228,.10); --active: rgba(53,132,228,.18);
  --border: rgba(255,255,255,.07); --blur: none;
  --color-scheme: dark;
  --bg-image: none;
}

/* 6 macOS Sequoia — distinto del Original: más nativo, menos violeta */
[data-theme="macos"] {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif;
  --radius: 12px; --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(0,0,0,.20); --shadow-lg: 0 10px 36px rgba(0,0,0,.28);
  --bg: #1c1c1e; --bg-2: #2c2c2e; --panel: rgba(44,44,46,.88);
  --panel-border: rgba(255,255,255,.08); --glass: rgba(255,255,255,.05); --glass-strong: rgba(58,58,60,.9);
  --text: #f5f5f7; --text-2: rgba(235,235,245,.68); --text-3: rgba(235,235,245,.40);
  --accent: #0a84ff; --accent-2: #64d2ff; --green: #30d158; --yellow: #ffd60a;
  --red: #ff453a; --blue: #0a84ff; --purple: #bf5af2; --orange: #ff9f0a;
  --surface: #3a3a3c; --hover: rgba(10,132,255,.10); --active: rgba(10,132,255,.18);
  --border: rgba(255,255,255,.08); --blur: blur(22px) saturate(160%);
  --color-scheme: dark;
  --bg-image: none;
}

/* 7 Pixel — Material 3, lila contenido */
[data-theme="pixel"] {
  --font: Roboto, "Noto Sans", system-ui, sans-serif;
  --radius: 20px; --radius-sm: 14px;
  --shadow: 0 1px 2px rgba(0,0,0,.10); --shadow-lg: 0 8px 20px rgba(0,0,0,.10);
  --bg: #f7f2fa; --bg-2: #fffbfe; --panel: #fffbfe;
  --panel-border: #e7e0ec; --glass: #f3edf7; --glass-strong: #ece6f0;
  --text: #1d1b20; --text-2: #49454f; --text-3: #79747e;
  --accent: #6750a4; --accent-2: #7f67be; --green: #386a20; --yellow: #7d5700;
  --red: #b3261e; --blue: #1d192b; --purple: #6750a4; --orange: #8b5000;
  --surface: #ece6f0; --hover: rgba(103,80,164,.07); --active: rgba(103,80,164,.12);
  --border: #cac4d0; --blur: none;
  --color-scheme: light;
  --bg-image: none;
}

/* 8 Ubuntu — Yaru: carbón + naranja de acento (no vino entero) */
[data-theme="ubuntu"] {
  --font: Ubuntu, Cantarell, sans-serif;
  --radius: 8px; --radius-sm: 6px;
  --shadow: 0 2px 8px rgba(0,0,0,.22); --shadow-lg: 0 10px 28px rgba(0,0,0,.28);
  --bg: #2b2b2b; --bg-2: #333333; --panel: #3c3c3c;
  --panel-border: rgba(255,255,255,.08); --glass: #444; --glass-strong: #4a4a4a;
  --text: #f2f2f2; --text-2: #d0d0d0; --text-3: #9e9e9e;
  --accent: #e95420; --accent-2: #eda671; --green: #0e8420; --yellow: #e0a106;
  --red: #c7162b; --blue: #19b6ee; --purple: #77216f; --orange: #e95420;
  --surface: #4a4a4a; --hover: rgba(233,84,32,.10); --active: rgba(233,84,32,.18);
  --border: rgba(255,255,255,.08); --blur: none;
  --color-scheme: dark;
  --bg-image: none;
}

/* 9 Nothing — monocromo, acento blanco (sin lima) */
[data-theme="nothing"] {
  --font: "Space Grotesk", Inter, sans-serif;
  --radius: 6px; --radius-sm: 4px;
  --shadow: none; --shadow-lg: none;
  --bg: #0a0a0a; --bg-2: #111; --panel: #141414;
  --panel-border: #2a2a2a; --glass: #161616; --glass-strong: #1c1c1c;
  --text: #f2f2f2; --text-2: #b5b5b5; --text-3: #7a7a7a;
  --accent: #ffffff; --accent-2: #d4d4d4; --green: #a3e635; --yellow: #e5e5e5;
  --red: #f87171; --blue: #ffffff; --purple: #d4d4d4; --orange: #d4d4d4;
  --surface: #1c1c1c; --hover: rgba(255,255,255,.06); --active: rgba(255,255,255,.10);
  --border: #2a2a2a; --blur: none;
  --color-scheme: dark;
  --bg-image: none;
}

/* 10 Clásico — Win2000, menos “teatral” */
[data-theme="retro"] {
  --font: Tahoma, "Segoe UI", sans-serif;
  --radius: 2px; --radius-sm: 2px;
  --shadow: 1px 1px 0 rgba(0,0,0,.25); --shadow-lg: 2px 2px 0 rgba(0,0,0,.28);
  --bg: #3a6ea5; --bg-2: #d4d0c8; --panel: #d4d0c8;
  --panel-border: #808080; --glass: #ece9d8; --glass-strong: #ece9d8;
  --text: #000; --text-2: #222; --text-3: #444;
  --accent: #0a246a; --accent-2: #316ac5; --green: #008000; --yellow: #c4a000;
  --red: #800000; --blue: #0a246a; --purple: #800080; --orange: #c06000;
  --surface: #ece9d8; --hover: #316ac5; --active: #0a246a;
  --border: #808080; --blur: none;
  --color-scheme: light;
  --bg-image: none;
}

html[data-theme] { font-family: var(--font); }
html[data-theme] body { font-family: var(--font); }

/* —— Original: sin overrides raros; hereda la SPA —— */
[data-theme="original"] .btn-primary { color: #fff; }

/* —— iPhone —— */
[data-theme="ios"] .topbar { background: rgba(255,255,255,.78); border-bottom: 0; }
[data-theme="ios"] .topbar .app-name { font-weight: 650; letter-spacing: -.02em; }
[data-theme="ios"] .nav-menu-btn { border-radius: 99px; border: 0; background: #e5e5ea; }
[data-theme="ios"] .nav-menu-panel { border-radius: 16px; border: 0; box-shadow: 0 16px 40px rgba(0,0,0,.14); }
[data-theme="ios"] .nav-menu-item { border-radius: 12px; }
[data-theme="ios"] .btn { border-radius: 980px; border: 0; background: #e5e5ea; }
[data-theme="ios"] .btn-primary { background: #007aff; color: #fff; box-shadow: none; }
[data-theme="ios"] .card { border: 0; box-shadow: none; }
[data-theme="ios"] .card-head .title { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--text-2); }
[data-theme="ios"] .page-header h2 { font-size: 26px; letter-spacing: -.03em; font-weight: 700; }
[data-theme="ios"] .status-badge { border: 0; background: #e5e5ea; }

/* —— Galaxy —— */
[data-theme="galaxy"] .topbar { height: 58px; min-height: 58px; background: #010101; border-bottom: 0; }
[data-theme="galaxy"] .topbar .app-name { font-weight: 500; }
[data-theme="galaxy"] .nav-menu-btn { border-radius: 14px; border: 0; background: #2c2c2e; }
[data-theme="galaxy"] .nav-menu-panel { border-radius: 22px; border: 0; }
[data-theme="galaxy"] .nav-menu-item { border-radius: 16px; padding: 12px 14px; }
[data-theme="galaxy"] .btn { border-radius: 18px; border: 0; }
[data-theme="galaxy"] .btn-primary { background: #2189ff; color: #fff; box-shadow: none; }
[data-theme="galaxy"] .card { border: 0; }
[data-theme="galaxy"] .page-header h2 { font-size: 24px; font-weight: 400; }

/* —— Xiaomi —— */
[data-theme="xiaomi"] .topbar { background: #fff; border-bottom: 1px solid rgba(40,32,24,.06); }
[data-theme="xiaomi"] .nav-menu-btn { border: 0; background: #ece8e2; color: #1c1917; }
[data-theme="xiaomi"] .btn { border: 0; background: #ece8e2; color: #1c1917; }
[data-theme="xiaomi"] .btn-primary { background: #c45c26; color: #fff; }
[data-theme="xiaomi"] .card { border: 0; box-shadow: 0 6px 20px rgba(20,16,12,.05); }
[data-theme="xiaomi"] .page-header h2 { font-weight: 700; }

/* —— Windows —— */
[data-theme="windows"] .topbar { height: 48px; min-height: 48px; background: rgba(32,32,32,.78); }
[data-theme="windows"] .topbar .app-name { font-weight: 600; font-size: 12px; }
[data-theme="windows"] .nav-menu-btn, [data-theme="windows"] .btn { border-radius: 4px; }
[data-theme="windows"] .btn-primary { background: #0078d4; color: #fff; box-shadow: none; }
[data-theme="windows"] .card-head .title { text-transform: none; letter-spacing: 0; font-weight: 600; }
[data-theme="windows"] .page-header h2 { font-weight: 600; font-size: 20px; }

/* —— Linux —— */
[data-theme="linux"] .topbar { background: #2e2e2e; border-bottom: 1px solid #1a1a1a; }
[data-theme="linux"] .nav-menu-btn { border: 0; background: #3a3a3a; }
[data-theme="linux"] .btn { background: #3a3a3a; border: 1px solid #555; }
[data-theme="linux"] .btn-primary { background: #3584e4; color: #fff; box-shadow: none; }
[data-theme="linux"] .card { box-shadow: none; }
[data-theme="linux"] .page-header h2 { font-weight: 700; font-size: 22px; }

/* —— macOS —— */
[data-theme="macos"] .topbar { backdrop-filter: blur(20px) saturate(160%); }
[data-theme="macos"] .btn-primary { color: #fff; }

/* —— Pixel —— */
[data-theme="pixel"] .topbar { background: #f7f2fa; border-bottom: 0; }
[data-theme="pixel"] .nav-menu-btn { border: 0; border-radius: 16px; background: #ece6f0; color: #1d1b20; }
[data-theme="pixel"] .nav-menu-panel { border: 0; border-radius: 20px; box-shadow: 0 8px 24px rgba(0,0,0,.10); }
[data-theme="pixel"] .btn { border: 0; border-radius: 16px; background: #ece6f0; color: #1d1b20; }
[data-theme="pixel"] .btn-primary { background: #6750a4; color: #fff; box-shadow: none; }
[data-theme="pixel"] .card { border: 1px solid #e7e0ec; box-shadow: none; }
[data-theme="pixel"] .page-header h2 { font-weight: 400; font-size: 26px; }

/* —— Ubuntu —— */
[data-theme="ubuntu"] .topbar { background: #2b2b2b; border-bottom: 2px solid #e95420; }
[data-theme="ubuntu"] .nav-menu-btn { border: 0; background: #3c3c3c; }
[data-theme="ubuntu"] .btn-primary { background: #e95420; color: #fff; box-shadow: none; }
[data-theme="ubuntu"] .page-header h2 { font-weight: 500; }

/* —— Nothing —— */
[data-theme="nothing"] .topbar { background: #0a0a0a; border-bottom: 1px solid #2a2a2a; }
[data-theme="nothing"] .topbar .app-name { font-weight: 500; letter-spacing: .12em; text-transform: uppercase; font-size: 11px; }
[data-theme="nothing"] .nav-menu-btn { border: 1px solid #2a2a2a; background: transparent; }
[data-theme="nothing"] .nav-menu-item { letter-spacing: .03em; font-size: 12px; }
[data-theme="nothing"] .btn { background: transparent; letter-spacing: .04em; }
[data-theme="nothing"] .btn-primary { background: #fff; color: #111; border-color: #fff; box-shadow: none; }
[data-theme="nothing"] .card { box-shadow: none; }
[data-theme="nothing"] .card-head .title { letter-spacing: .10em; }
[data-theme="nothing"] .page-header h2 { font-weight: 500; letter-spacing: -.02em; font-size: 22px; }

/* —— Clásico —— */
[data-theme="retro"] .topbar { background: linear-gradient(180deg,#0a246a,#316ac5); border-bottom: 1px solid #000; color: #fff; }
[data-theme="retro"] .topbar .app-name, [data-theme="retro"] .topbar .app-name * { color: #fff !important; }
[data-theme="retro"] .status-badge { background: #d4d0c8; color: #000; border: 1px solid #808080; }
[data-theme="retro"] .nav-menu-btn { border: 1px solid #808080; background: #d4d0c8; color: #000; }
[data-theme="retro"] .nav-menu-panel { border: 1px solid #808080; background: #d4d0c8; box-shadow: 2px 2px 0 rgba(0,0,0,.25); }
[data-theme="retro"] .nav-menu-item { color: #000; }
[data-theme="retro"] .nav-menu-item:hover, [data-theme="retro"] .nav-menu-item.active { background: #0a246a; color: #fff; }
[data-theme="retro"] .btn { border: 1px solid #808080; background: #d4d0c8; color: #000; }
[data-theme="retro"] .btn-primary { background: #0a246a; color: #fff; box-shadow: none; }
[data-theme="retro"] .card { border: 1px solid #808080; background: #d4d0c8; }
[data-theme="retro"] .card-head { background: #0a246a; color: #fff; }
[data-theme="retro"] .card-head .title { color: #fff; text-transform: none; letter-spacing: 0; }
[data-theme="retro"] .hero-card { background: #d4d0c8; }
[data-theme="retro"] .auth-menu { background: #d4d0c8; border: 1px solid #808080; }

/* ——— Día / noche ——— */
[data-theme="original"][data-mode="day"], [data-theme="graphite"][data-mode="day"] {
  --bg: #f5f5f7; --bg-2: #ffffff; --panel: rgba(255,255,255,.88);
  --panel-border: rgba(0,0,0,.07); --glass: rgba(255,255,255,.5); --glass-strong: #fff;
  --text: #1d1d1f; --text-2: rgba(0,0,0,.56); --text-3: rgba(0,0,0,.36);
  --accent: #0a66c2; --accent-2: #8b5cf6; --green: #059669; --yellow: #d97706;
  --red: #dc2626; --blue: #0a66c2; --purple: #8b5cf6; --orange: #ea580c;
  --surface: #e8e8ed; --hover: rgba(0,0,0,.04); --active: rgba(10,102,194,.10);
  --border: rgba(0,0,0,.07); --color-scheme: light;
  --bg-image: none;
}
[data-theme="ios"][data-mode="night"] {
  --bg: #000; --bg-2: #1c1c1e; --panel: rgba(28,28,30,.92);
  --panel-border: rgba(255,255,255,.10); --glass: rgba(255,255,255,.06); --glass-strong: #2c2c2e;
  --text: #f5f5f7; --text-2: rgba(235,235,245,.70); --text-3: rgba(235,235,245,.42);
  --surface: #2c2c2e; --hover: rgba(10,132,255,.14); --active: rgba(10,132,255,.22);
  --border: rgba(255,255,255,.10); --color-scheme: dark; --bg-image: none;
}
[data-theme="ios"][data-mode="night"] .topbar { background: rgba(28,28,30,.86); }
[data-theme="ios"][data-mode="night"] .nav-menu-btn,
[data-theme="ios"][data-mode="night"] .btn { background: #2c2c2e; color: #fff; }
[data-theme="ios"][data-mode="night"] .status-badge { background: #2c2c2e; }
[data-theme="xiaomi"][data-mode="night"] {
  --bg: #161412; --bg-2: #1e1b18; --panel: #24201c;
  --panel-border: rgba(255,255,255,.08); --glass: #2a2622; --glass-strong: #322c28;
  --text: #f4efe9; --text-2: rgba(244,239,233,.68); --text-3: rgba(244,239,233,.42);
  --surface: #322c28; --hover: rgba(196,92,38,.12); --active: rgba(196,92,38,.18);
  --border: rgba(255,255,255,.08); --color-scheme: dark; --bg-image: none;
}
[data-theme="xiaomi"][data-mode="night"] .topbar { background: #1e1b18; }
[data-theme="xiaomi"][data-mode="night"] .nav-menu-btn,
[data-theme="xiaomi"][data-mode="night"] .btn { background: #322c28; color: #f4efe9; }
[data-theme="pixel"][data-mode="night"] {
  --bg: #141218; --bg-2: #1d1b20; --panel: #211f26;
  --panel-border: #49454f; --glass: #2b2930; --glass-strong: #36343b;
  --text: #e6e0e9; --text-2: #cac4d0; --text-3: #938f99;
  --accent: #d0bcff; --surface: #36343b; --color-scheme: dark; --bg-image: none;
}
[data-theme="pixel"][data-mode="night"] .topbar { background: #141218; }
[data-theme="pixel"][data-mode="night"] .nav-menu-btn,
[data-theme="pixel"][data-mode="night"] .btn { background: #36343b; color: #e6e0e9; }
[data-theme="pixel"][data-mode="night"] .btn-primary { background: #d0bcff; color: #381e72; }
[data-theme="retro"][data-mode="night"] {
  --bg: #1a2744; --bg-2: #2a2a2a; --panel: #3d3d3d;
  --text: #fff; --text-2: #ddd; --text-3: #bbb; --surface: #2a2a2a; --color-scheme: dark;
}
[data-theme="macos"][data-mode="day"] {
  --bg: #f5f5f7; --bg-2: #fff; --panel: rgba(255,255,255,.88);
  --panel-border: rgba(0,0,0,.08); --glass: rgba(255,255,255,.55); --glass-strong: #fff;
  --text: #1d1d1f; --text-2: rgba(0,0,0,.56); --text-3: rgba(0,0,0,.36);
  --accent: #0071e3; --surface: #e8e8ed; --color-scheme: light; --bg-image: none;
}
[data-theme="galaxy"][data-mode="day"] {
  --bg: #f2f2f7; --bg-2: #fff; --panel: #fff;
  --panel-border: rgba(0,0,0,.06); --glass: #f2f2f7; --glass-strong: #fff;
  --text: #1c1c1e; --text-2: rgba(28,28,30,.66); --text-3: rgba(28,28,30,.40);
  --surface: #e5e5ea; --color-scheme: light; --bg-image: none;
}
[data-theme="galaxy"][data-mode="day"] .topbar { background: #f2f2f7; }
[data-theme="galaxy"][data-mode="day"] .nav-menu-btn,
[data-theme="galaxy"][data-mode="day"] .btn { background: #e5e5ea; color: #1c1c1e; }
[data-theme="windows"][data-mode="day"] {
  --bg: #f3f3f3; --bg-2: #fff; --panel: rgba(255,255,255,.90);
  --panel-border: rgba(0,0,0,.08); --glass: #fff; --glass-strong: #fff;
  --text: #1a1a1a; --text-2: rgba(0,0,0,.60); --text-3: rgba(0,0,0,.40);
  --surface: #e8e8e8; --color-scheme: light; --bg-image: none;
}
[data-theme="linux"][data-mode="day"] {
  --bg: #fafafa; --bg-2: #fff; --panel: #fff;
  --panel-border: #deddda; --glass: #f6f5f4; --glass-strong: #fff;
  --text: #241f31; --text-2: #5e5c64; --text-3: #9a9996;
  --surface: #f6f5f4; --color-scheme: light; --bg-image: none;
}
[data-theme="ubuntu"][data-mode="day"] {
  --bg: #f5f5f5; --bg-2: #fff; --panel: #fff;
  --panel-border: rgba(0,0,0,.08); --glass: #f0f0f0; --glass-strong: #fff;
  --text: #2b2b2b; --text-2: rgba(43,43,43,.65); --text-3: rgba(43,43,43,.42);
  --surface: #ececec; --color-scheme: light; --bg-image: none;
}
[data-theme="ubuntu"][data-mode="day"] .topbar { background: #fff; border-bottom: 2px solid #e95420; }
[data-theme="ubuntu"][data-mode="day"] .topbar .app-name,
[data-theme="ubuntu"][data-mode="day"] .topbar .app-name * { color: #2b2b2b !important; }
[data-theme="nothing"][data-mode="day"] {
  --bg: #f4f4f4; --bg-2: #fff; --panel: #fff;
  --panel-border: #d4d4d4; --glass: #eee; --glass-strong: #fff;
  --text: #111; --text-2: #444; --text-3: #777;
  --surface: #eee; --color-scheme: light; --bg-image: none;
}
[data-theme="nothing"][data-mode="day"] .topbar { background: #fff; }
[data-theme="nothing"][data-mode="day"] .topbar .app-name { color: #111; }
[data-theme="nothing"][data-mode="day"] .btn { color: #111; }
[data-theme="nothing"][data-mode="day"] .btn-primary { background: #111; color: #fff; }