/* ============================================
   GELİBOLU BELEDİYESİ TEMA SİSTEMİ (REVISION 2)
   Focus: Professionalism, Legibility, Prestige
   ============================================ */

:root {
    /* Main Brand Palette */
    --theme-primary: #008ED6;
    --theme-primary-hover: #0077B5;

    /* Light Theme (Corporate Zinc) */
    --theme-bg-primary: #F8FAFC;
    /* Zinc 50 */
    --theme-bg-secondary: #F1F5F9;
    /* Zinc 100 */
    --theme-bg-card: #FFFFFF;
    --theme-bg-hover: #F8FAFC;

    --theme-text-primary: #0F172A;
    /* Slate 900 */
    --theme-text-secondary: #334155;
    /* Slate 700 */
    --theme-opacity-muted: 0.7;
    --theme-text-muted: #64748B;
    --theme-text-inverse: #FFFFFF;

    --theme-border-primary: #E2E8F0;
    --theme-border-secondary: #CBD5E1;

    --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    --theme-nav-bg: #FFFFFF;
    --theme-nav-link: #334155;

    --theme-glass-bg: rgba(255, 255, 255, 0.9);
    --theme-glass-border: rgba(255, 255, 255, 0.3);
    --theme-glass-backdrop: blur(10px);

    --theme-gradient-hero: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
    --theme-gradient-section: linear-gradient(to bottom, #FFFFFF 0%, #F8FAFC 100%);
    --theme-signature-filter: brightness(0);
}

[data-theme="dark"] {
    /* Dark Theme (Deep Slate) */
    --theme-bg-primary: #020617;
    /* Slate 950 */
    --theme-bg-secondary: #0F172A;
    /* Slate 900 */
    --theme-bg-card: #1E293B;
    /* Slate 800 */
    --theme-bg-hover: #334155;

    --theme-text-primary: #F8FAFC;
    /* Slate 50 */
    --theme-text-secondary: #CBD5E1;
    /* Slate 300 */
    --theme-text-muted: #94A3B8;
    --theme-text-inverse: #020617;

    --theme-border-primary: #334155;
    --theme-border-secondary: #475569;

    --theme-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
    --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
    --theme-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);

    --theme-nav-bg: #0F172A;
    --theme-nav-link: #E2E8F0;

    --theme-glass-bg: rgba(15, 23, 42, 0.85);
    --theme-glass-border: rgba(255, 255, 255, 0.1);
    --theme-glass-backdrop: blur(16px);

    --theme-gradient-hero: linear-gradient(135deg, #020617 0%, #0F172A 100%);
    --theme-gradient-section: linear-gradient(to bottom, #0F172A 0%, #020617 100%);
    --theme-signature-filter: brightness(0) invert(1);
}

/* Smooth Transitions */
*,
*::before,
*::after {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.bg-theme-primary {
    background-color: var(--theme-bg-primary);
}

.bg-theme-secondary {
    background-color: var(--theme-bg-secondary);
}

.text-theme-text-primary {
    color: var(--theme-text-primary);
}

.text-secondary {
    color: var(--theme-text-secondary);
}

body {
    background: var(--theme-bg-primary);
    color: var(--theme-text-primary);
    font-family: 'Inter', sans-serif;
}