/**
 * DESIGN TOKENS
 * Prinz-von-Homburg-Schule Design System
 */

:root {
    /* Colors - Exakt aus altem System (pvhdeploy_clean) */
    --penn-blue: #141B4D;        /* Hauptfarbe für Headlines & Logo */
    --old-gold: #CEB829;         /* Akzente & wichtige CTAs */
    --powder-blue: #B1C6DB;      /* Links & Hover-Effekte */
    --olivine: #BCCA87;          /* Positive Aktionen & Natur */
    --battleship-gray: #6B6B68;  /* Navigation & UI-Text - WCAG AA: 4.5:1 (war: #878581 = 3.8:1) */
    --cadet-gray: #6B6E72;       /* Content-Text - WCAG AA: 4.6:1 (war: #9CA0A5 = 3.0:1) */
    --timberwolf: #DBD5CD;       /* Warme Hintergründe */
    --seasalt: #F8F8F8;          /* Fast-Weiß für maximalen Kontrast */
    --rusty-orange: #EE7F49;     /* Warning/Accent - CTAs, wichtige Hinweise */
    --brand-hover: #2E5A87;      /* Penn-Blue Gradient-Partner */

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.15);

    /* UI-Elemente */
    --ui-background: #eaedf1;
    --ui-hover: #d8dce1;

    /* Typography */
    --font-header: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Playfair Display', serif;
    --font-content: 'Source Sans Pro', sans-serif;
    --font-interface: 'Source Sans Pro', sans-serif;

    /* Layout - SIMPLE & CLEAR */
    --max-width: 1920px;
    --container-padding-mobile: 1rem;    /* 16px */
    --container-padding-tablet: 1.5rem;  /* 24px */
    --container-padding-desktop: 2rem;   /* 32px */
    --container-padding-wide: 4rem;      /* 64px */

    /* Spacing Scale */
    --space-2xs: 0.25rem; /* 4px */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.5rem;   /* 24px */
    --space-lg: 2rem;     /* 32px */
    --space-xl: 3rem;     /* 48px */
    --space-2xl: 4rem;    /* 64px */
    --space-3xl: 6rem;    /* 96px */

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;

    /* Navigation System Aliases */
    --phs-primary: var(--penn-blue);
    --phs-secondary: var(--old-gold);
    --phs-text-primary: var(--penn-blue);
    --phs-text-secondary: var(--battleship-gray);
    --phs-text-interface: var(--cadet-gray);
    --phs-border: var(--ui-background);
    --phs-background: var(--seasalt);
    --phs-hover: var(--ui-hover);
    --phs-transition-fast: var(--transition-fast);
    --phs-space-2: 0.25rem;
    --phs-space-3: 0.75rem;
    --phs-space-4: 1rem;
    --phs-space-6: 1.5rem;
    --phs-font-size-sm: 0.875rem;
}