/**
 * CSS Custom Properties (Variables)
 * Hope Akademie - Stanford-inspiriertes Design
 */

:root {
    /* Stanford Farbpalette */
    --stanford-red: #8C1D40;
    --stanford-red-dark: #6E1423;
    --stanford-dark: #2E2D29;
    --stanford-dark-red: #7A1B35;
    --stanford-gray: #5C5B5B;
    --stanford-light-gray: #8C8B8B;
    --stanford-cream: #F4F4F1;
    --stanford-border: #D5D5D2;
    
    /* Basis-Farben */
    --bg-color: #FAF9F7;
    --text-color: #1A1A1A;
    --white: #FFFFFF;
    --light-gray: #F8F8F8;
    
    /* Schatten */
    --stanford-shadow: 0 2px 8px rgba(140, 29, 64, 0.08);
    --stanford-shadow-heavy: 0 8px 25px rgba(140, 29, 64, 0.15);
    --stanford-shadow-light: 0 1px 3px rgba(140, 29, 64, 0.05);
    
    /* Typografie */
    --font-heading: 'Lora', 'Times New Roman', 'Georgia', serif;
    --font-body: 'Inter', 'Helvetica Neue', 'Arial', sans-serif;
    --font-mono: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
    
    /* Abstände */
    --section-padding: clamp(80px, 12vh, 140px) 0;
    --container-padding: 0 clamp(1rem, 5vw, 6rem);
    
    /* Border Radius */
    --border-radius-sm: 3px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    
    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}