/* Friend Aura - Theme System
 * 9 color schemes extracted from the iOS app
 * Each theme defines CSS custom properties for colors
 */

/* Default Theme: Soft Glow */
:root {
    --bg-gradient-1: #FEF7F7;
    --bg-gradient-2: #F8F0F5;
    --bg-gradient-3: #F5EBF0;
    --surface: rgba(255, 255, 255, 0.95);
    --accent: #E8A5B8;
    --text-primary: #2D1B2E;
    --text-secondary: #6B5B6F;
    --highlight: #F4C2D7;
    --card-shadow: rgba(0, 0, 0, 0.08);
    --toolbar-button: #2D1B2E;
    --theme-name: "Soft Glow";
}

/* Theme 1: Minimal Dark */
[data-theme="minimalDark"] {
    --bg-gradient-1: #09090B;
    --bg-gradient-2: #0F0F11;
    --bg-gradient-3: #18181B;
    --surface: #09090B;
    --accent: #F472B6;
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.7);
    --highlight: #FBCFE8;
    --card-shadow: rgba(0, 0, 0, 0.6);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 2: Minimal Light */
[data-theme="minimalLight"] {
    --bg-gradient-1: #FAFAFA;
    --bg-gradient-2: #F5F5F5;
    --bg-gradient-3: #F0F0F0;
    --surface: #FFFFFF;
    --accent: #6366F1;
    --text-primary: #1B1B1E;
    --text-secondary: #6B7280;
    --highlight: #A5B4FC;
    --card-shadow: rgba(0, 0, 0, 0.06);
    --toolbar-button: #1B1B1E;
}

/* Theme 3: Neutral Dark */
[data-theme="neutralDark"] {
    --bg-gradient-1: #09090B;
    --bg-gradient-2: #0F0F11;
    --bg-gradient-3: #18181B;
    --surface: #09090B;
    --accent: #60A5FA;
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.7);
    --highlight: #93C5FD;
    --card-shadow: rgba(0, 0, 0, 0.6);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 4: Soft Glow */
[data-theme="softGlow"] {
    --bg-gradient-1: #FEF7F7;
    --bg-gradient-2: #F8F0F5;
    --bg-gradient-3: #F5EBF0;
    --surface: rgba(255, 255, 255, 0.95);
    --accent: #E8A5B8;
    --text-primary: #2D1B2E;
    --text-secondary: #6B5B6F;
    --highlight: #F4C2D7;
    --card-shadow: rgba(0, 0, 0, 0.08);
    --toolbar-button: #2D1B2E;
}

[data-theme="softGlow"].dark-mode {
    --bg-gradient-1: #2D1B2E;
    --bg-gradient-2: #3B2A3D;
    --bg-gradient-3: #2F1F30;
    --surface: rgba(58, 42, 60, 0.92);
    --accent: #F4C2D7;
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.65);
    --highlight: #FFB8D1;
    --card-shadow: rgba(0, 0, 0, 0.4);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 5: Pink Glitter */
[data-theme="pinkGlitter"] {
    --bg-gradient-1: #FFE5F1;
    --bg-gradient-2: #FFD1E8;
    --bg-gradient-3: #FFB8DD;
    --surface: rgba(255, 255, 255, 0.92);
    --accent: #FF6BB5;
    --text-primary: #2D1B2E;
    --text-secondary: #8B5A6B;
    --highlight: #FF8CC8;
    --card-shadow: rgba(255, 107, 181, 0.15);
    --toolbar-button: #2D1B2E;
}

[data-theme="pinkGlitter"].dark-mode {
    --bg-gradient-1: #3D1F3A;
    --bg-gradient-2: #4A2545;
    --bg-gradient-3: #5A2F52;
    --surface: rgba(74, 37, 69, 0.88);
    --accent: #FF8CC8;
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.7);
    --highlight: #FFB3D9;
    --card-shadow: rgba(255, 107, 181, 0.25);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 6: Sunrise Tones */
[data-theme="sunriseTones"] {
    --bg-gradient-1: #FFF8F0;
    --bg-gradient-2: #FFF1D0;
    --bg-gradient-3: #FFE4B5;
    --surface: rgba(255, 255, 255, 0.95);
    --accent: #FF9770;
    --text-primary: #2D1B1B;
    --text-secondary: #6B5B5B;
    --highlight: #FFC2A1;
    --card-shadow: rgba(255, 151, 112, 0.12);
    --toolbar-button: #2D1B1B;
}

[data-theme="sunriseTones"].dark-mode {
    --bg-gradient-1: #3F1F0A;
    --bg-gradient-2: #5A2F15;
    --bg-gradient-3: #7C3416;
    --surface: #402417;
    --accent: #FFB085;
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.72);
    --highlight: #FFC89E;
    --card-shadow: rgba(0, 0, 0, 0.4);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 7: Midnight Aura */
[data-theme="midnightAura"] {
    --bg-gradient-1: #050816;
    --bg-gradient-2: #0F172A;
    --bg-gradient-3: #1F1B4D;
    --surface: #111827;
    --accent: #818CF8;
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --highlight: #C7D2FE;
    --card-shadow: rgba(0, 0, 0, 0.5);
    --toolbar-button: rgba(255, 255, 255, 0.9);
}

/* Theme 8: Neon Red-Purple */
[data-theme="neonRedPurple"] {
    --bg-gradient-1: #000000;
    --bg-gradient-2: #0A000A;
    --bg-gradient-3: #1A001A;
    --surface: rgba(15, 0, 15, 0.95);
    --accent: #FF00FF;
    --text-primary: #FF00FF;
    --text-secondary: #FF66FF;
    --highlight: #FF33FF;
    --card-shadow: rgba(255, 0, 255, 0.2);
    --toolbar-button: #FF00FF;
}

/* Theme 9: Neon Blue-Green */
[data-theme="neonBlueGreen"] {
    --bg-gradient-1: #000000;
    --bg-gradient-2: #000A0A;
    --bg-gradient-3: #001A1A;
    --surface: rgba(0, 15, 15, 0.95);
    --accent: #00FFFF;
    --text-primary: #00FFFF;
    --text-secondary: #66FFFF;
    --highlight: #33FFFF;
    --card-shadow: rgba(0, 255, 255, 0.2);
    --toolbar-button: #00FFFF;
}

/* Smooth theme transitions */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}