/* === Rumler GmbH – Design Tokens === */
:root {
    /* Farben */
    --color-blue:       #102C72;
    --color-orange:     #FF6A00;
    --color-dark:       #15141C;
    --color-bg:         #F9F9F9;
    --color-white:      #ffffff;
    --color-gray-100:   #f3f4f6;
    --color-gray-200:   #e5e7eb;
    --color-gray-400:   #9ca3af;
    --color-gray-600:   #4b5563;

    /* Schriften */
    --font-heading:     'Lato', 'Arial Black', sans-serif;
    --font-body:        'Space Grotesk', 'Arial', sans-serif;
    --font-nav:         'Roboto', 'Arial', sans-serif;

    /* Abstände */
    --max-width:        1600px;
    --px:               clamp(1rem, 2.5vw, 2.5rem);

    /* Übergänge */
    --transition:       color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;

    /* Schatten */
    --shadow-sm:        0 1px 3px rgba(0,0,0,0.08);
    --shadow-md:        0 4px 16px rgba(0,0,0,0.10);
    --shadow-lg:        0 8px 32px rgba(0,0,0,0.14);
}