/* 
  🚀 DREHMOMENT DIGITAL — BUCKET 01: VARIABLES
  Hier liegen ausschließlich globale Farben, Schriften und Tokens.
*/

:root {
    /* 🎨 MODERN COLOR PALETTE */
    --bg-primary: #FFFFFF;
    --bg-surface: #F8FAFC;
    --text-main: #111111;
    --text-muted: #475569;

    --accent-orange: #E8540A;
    --accent-orange-hover: #C2410C;
    --accent-glow: rgba(232, 84, 10, 0.2);

    --panel-dark: #1c1f26;
    --panel-border: rgba(0, 0, 0, 0.08);

    /* 📰 UI-TOKENS */
    --radius-sm: 6px;
    --radius-lg: 16px;
    
    --shadow-soft: none;
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.06);
    
    --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);

    --font-primary: 'Outfit', sans-serif;
    --font-heading: 'Outfit', sans-serif;
    --font-mono: 'Space Mono', monospace;
    
    /* Dynamische Header-Höhe für Sticky-Padding */
    --header-height: 100px;
}