/* GLLIT.tv colour theme, from Google Drive (see src/theme.ts). */
:root[data-era]:not([data-theme="dark"]) {
    --brand: #ff8ec7;
    --brand-strong: #d24795;
    --brand-text: #ab3077;
    --brand-soft: #ffe6f1;
    --brand-tint: rgba(255, 142, 199, 0.12);
    --brand-glow: rgba(255, 142, 199, 0.45);
    --brand-gradient: linear-gradient(135deg, #ffadd4 0%, #ffadd4 50%, #ffadd4 100%);
    --brand-gradient-strong: linear-gradient(135deg, #ff8ec7 0%, #fc78bd 50%, #f860b3 100%);
    --logo-panel: linear-gradient(135deg, #d6519a 0%, #d6519a 50%, #d6519a 100%);
    --illit-logo: linear-gradient(135deg, #ff8ec7 0%, #ffb0d8 50%, #ff8ec7 100%);
    --logo-glow: rgba(255, 173, 212, 0.35);
    --selection-bg: #ffcfe4;
    --bg: #fff2fd;
    --bg-accent: radial-gradient(1200px 600px at 85% -10%, rgba(255, 173, 212, 0.55), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(255, 207, 228, 0.6), transparent 55%);
    --surface: #ffffff;
    --surface-muted: #fdeefb;
    --surface-glass: rgba(255, 255, 255, 0.72);
    --sidebar-bg: rgba(255, 246, 253, 0.86);
    --border: rgba(192, 120, 155, 0.16);
    --border-strong: rgba(192, 120, 155, 0.3);
    --text: #281920;
    --text-muted: #76606a;
    --text-faint: #a18b95;
    --on-brand: #ffffff;
    --on-gradient: #2b101e;
    --sparkle-1: #ffadd4;
    --sparkle-2: #ffadd4;
    --sparkle-3: #ffadd4;
    --sparkle-4: #ff8ec7;
}
:root[data-era][data-theme="dark"] {
    --brand: #ff8ec7;
    --brand-strong: #d24795;
    --brand-text: #ffa7d1;
    --brand-soft: rgba(255, 142, 199, 0.14);
    --brand-tint: rgba(255, 142, 199, 0.1);
    --brand-glow: rgba(255, 142, 199, 0.3);
    --brand-gradient: linear-gradient(135deg, #ffadd4 0%, #ffadd4 50%, #ffadd4 100%);
    --brand-gradient-strong: linear-gradient(135deg, #ff8ec7 0%, #fc78bd 50%, #f860b3 100%);
    --logo-panel: linear-gradient(135deg, #d6519a 0%, #d6519a 50%, #d6519a 100%);
    --illit-logo: linear-gradient(135deg, #ff8ec7 0%, #ffb0d8 50%, #ff8ec7 100%);
    --logo-glow: rgba(255, 173, 212, 0.35);
    --selection-bg: #ffcfe4;
    --bg: #141016;
    --bg-accent: radial-gradient(1100px 600px at 85% -10%, rgba(248, 96, 179, 0.18), transparent 60%), radial-gradient(900px 500px at -10% 5%, rgba(255, 142, 199, 0.14), transparent 55%);
    --surface: #1d1720;
    --surface-muted: #241d28;
    --surface-glass: rgba(33, 26, 37, 0.72);
    --sidebar-bg: rgba(24, 19, 27, 0.88);
    --border: rgba(255, 182, 216, 0.1);
    --border-strong: rgba(255, 182, 216, 0.2);
    --text: #fbedf3;
    --text-muted: #c2adb6;
    --text-faint: #907c85;
    --on-brand: #ffffff;
    --on-gradient: #2b101e;
    --sparkle-1: #ffadd4;
    --sparkle-2: #ffadd4;
    --sparkle-3: #ffadd4;
    --sparkle-4: #ffffff;
}