/* PRO TEC Entrance Automation - CSS Variables & Brand Palette */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Oswald:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

:root {
    /* Color Palette - Brand & Accents */
    --primary: #FF7A00;          /* Brand Orange - attractive and modern */
    --primary-hover: #E06B00;
    --primary-glow: rgba(255, 122, 0, 0.15);
    
    /* Theme Backgrounds (Light Dominant) */
    --dark: #FFFFFF;              /* Map body bg to white */
    --dark-secondary: #F8FAFC;    /* Soft light slate for alternate sections */
    --dark-card: #FFFFFF;         /* Card background */
    --light-grey: #F1F5F9;
    --border-color: #E2E8F0;      /* Light border color */
    --white: #FFFFFF;
    
    /* Text Colors (Light BG dominant) */
    --text-primary: #0F172A;      /* Deep Slate text (highly readable) */
    --text-secondary: #475569;    /* Muted Slate text */
    --text-dark: #0F172A;
    --text-muted: #94A3B8;        /* Light Slate grey */
    
    /* Specific Colors for Dark Sections (Header, Hero, Footer) */
    --bg-dark-section: #0F172A;   /* Deep Slate Navy instead of pitch black */
    --text-light-primary: #FFFFFF;
    --text-light-secondary: #E2E8F0;
    --text-light-muted: #94A3B8;
    --border-dark: #334155;
    
    /* Semantic Colors */
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #3B82F6;

    /* Typography */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --font-stats: 'Montserrat', sans-serif; /* Montserrat for stats instead of Oswald */

    /* Layout & Utilities */
    --max-width: 1200px;
    --border-radius: 8px;
    --border-radius-lg: 12px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05); /* Soft premium shadow */
    --box-shadow-hover: 0 10px 30px rgba(15, 23, 42, 0.08);
    --glass-background: rgba(15, 23, 42, 0.8);
    --glass-border: rgba(255, 122, 0, 0.15);
}