/* ============================================
   themes.css — CSS Custom Properties untuk Theme Picker
   TIFF 2026 - Tomohon International Flower Festival
   
   Setiap tema menggunakan CSS Variables yang di-inject
   dari ThemeService via <style> inline di layout.
   File ini hanya berisi fallback & utility.
   ============================================ */

/* Fallback — Default TIFF */
:root {
    --primary:   #EC4899;
    --secondary: #A855F7;
    --accent:    #FBBF24;
    --bg:        #FFF7FB;
    --surface:   #FFFFFF;
    --text:      #581C87;
    --muted:     #FDF4FF;
    --primary-rgb: 236, 72, 153;
}

/* Derived colors */
:root {
    --border:        var(--muted);
    --sidebar-bg:    var(--surface);
    --navbar-bg:     var(--primary);
    --navbar-text:   #FFFFFF;
    --card-shadow:   0 2px 8px rgba(0,0,0,0.08);
    --gradient-primary: linear-gradient(135deg, var(--primary), var(--secondary));
    --gradient-sidebar: linear-gradient(180deg, color-mix(in srgb, var(--text), #000 30%), var(--primary));
}

/* Theme-specific body class (for additional overrides if needed) */
.theme-dark {
    --card-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Smooth transition for theme switching */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Exclude transitions from elements that shouldn't animate */
.no-theme-transition,
.no-theme-transition * {
    transition: none !important;
}