/**
 * PF_theme_styriacore.css – Steiermark-Theme für PFWS 1.4.1.3.25
 * Autor: Franz PFuisi
 * Erstellt: 08.10.2025
 * Beschreibung: Dunkles Türkis-Grün mit Steiermark-Flair
 */

:root.theme-styriacore {
    /* 🌲 StyriaCore Farbpalette - Dunkles Türkis-Grün */
    --pf-primary: #2d7a7a;
    --pf-secondary: #3a9999;
    --pf-accent: #4db8b8;
    --pf-success: #27ae60;
    --pf-warning: #f39c12;
    --pf-danger: #e74c3c;
    --pf-info: #16a085;
    
    /* 🎨 Basis-Farben */
    --pf-bg: #1a2828;
    --pf-surface: #223333;
    --pf-card: #2a3f3f;
    --pf-text: #e8f4f4;
    --pf-text-muted: #8fa8a8;
    --pf-border: #355555;
    
    /* 🌊 Navigation */
    --pf-nav-bg: #1e2e2e;
    --pf-nav-text: #ffffff;
    --pf-nav-hover: #2d7a7a;
    
    /* 🔘 Buttons */
    --pf-btn-primary: linear-gradient(135deg, #2d7a7a, #1d5a5a);
    --pf-btn-hover: linear-gradient(135deg, #3a9999, #2d7a7a);
    
    /* ✨ Effects */
    --pf-shadow: 0 4px 12px rgba(0,0,0,0.3);
    --pf-shadow-hover: 0 6px 20px rgba(45, 122, 122, 0.4);
    --pf-radius: 8px;
    --pf-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Apply theme when class is present */
body.theme-styriacore {
    background-color: var(--pf-bg);
    color: var(--pf-text);
    transition: var(--pf-transition);
}

/* Cards & Surfaces */
.theme-styriacore .pf-card,
.theme-styriacore .pf-surface {
    background-color: var(--pf-surface);
    border: 1px solid var(--pf-border);
    box-shadow: var(--pf-shadow);
    border-radius: var(--pf-radius);
}

/* Navigation */
.theme-styriacore .pf-topnav,
.theme-styriacore .pf-dashboard-topnav,
.theme-styriacore .pf-leftnav {
    background-color: var(--pf-nav-bg);
    color: var(--pf-nav-text);
    border-color: var(--pf-border);
}

.theme-styriacore .pf-nav-link:hover {
    background-color: var(--pf-nav-hover);
    color: var(--pf-nav-text);
}

/* Buttons */
.theme-styriacore .pf-btn-primary {
    background: var(--pf-btn-primary);
    border: none;
    color: white;
    transition: var(--pf-transition);
}

.theme-styriacore .pf-btn-primary:hover {
    background: var(--pf-btn-hover);
    box-shadow: var(--pf-shadow-hover);
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   🎞️ OVERLAY BACKDROP - Premium Film Grain (Corporate/Clean)
   ═══════════════════════════════════════════════════════════════════════════════ */
body.theme-styriacore .pf-overlay {
    background: rgba(5, 8, 15, 0.78) !important;
    backdrop-filter: blur(11px) saturate(102%) brightness(0.78) contrast(1.05) !important;
    -webkit-backdrop-filter: blur(11px) saturate(102%) brightness(0.78) contrast(1.05) !important;
}

body.theme-styriacore .pf-overlay::before {
    background-image: 
        /* Feines Noise-Grid (horizontal + vertikal) */
        repeating-linear-gradient(
            0deg, 
            transparent, 
            transparent 1px, 
            rgba(255, 255, 255, 0.012) 1px, 
            rgba(255, 255, 255, 0.012) 2px
        ),
        repeating-linear-gradient(
            90deg, 
            transparent, 
            transparent 1px, 
            rgba(255, 255, 255, 0.012) 1px, 
            rgba(255, 255, 255, 0.012) 2px
        ),
        /* Diagonales Rauschen für organischere Textur */
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 3px,
            rgba(255, 255, 255, 0.008) 3px,
            rgba(255, 255, 255, 0.008) 4px
        ) !important;
    opacity: 0.5 !important;
}