:root {
    /* Brand Colors (Strict match to KantnerThieme logo) */
    --color-brand-red: #e41819;
    --color-brand-red-hover: #c81011;
    --color-brand-red-light: rgba(228, 24, 25, 0.08);
    --color-brand-red-subtle: rgba(228, 24, 25, 0.04);
    --color-brand-red-border: rgba(228, 24, 25, 0.25);
    
    /* Automotive Black & Dark Accents */
    --color-brand-black: #000000;
    --color-dark-navy: #0f1317;
    --color-dark-surface: #161b22;
    --color-dark-surface-card: #1f2630;

    /* Predominantly White Background & Surfaces */
    --color-bg-body: #ffffff;
    --color-bg-subtle: #f8fafc;
    --color-bg-card: #ffffff;
    --color-bg-card-hover: #ffffff;
    --color-bg-card-accent: #fdf2f2;
    --color-bg-input: #ffffff;

    /* Text Hierarchy */
    --color-text-primary: #111827;
    --color-text-secondary: #4b5563;
    --color-text-muted: #6b7280;
    --color-text-light: #9ca3af;
    --color-text-inverse: #ffffff;
    --color-text-inverse-muted: #94a3b8;

    /* Borders & Lines */
    --color-border-light: #e5e7eb;
    --color-border-subtle: #f3f4f6;
    --color-border-card: #e2e8f0;
    --color-border-focus: #e41819;

    /* Interactive & Status */
    --color-success: #16a34a;
    --color-success-bg: #f0fdf4;
    --color-success-border: #bbf7d0;
    --color-error: #dc2626;
    --color-error-bg: #fef2f2;
    --color-error-border: #fecaca;

    /* Layout & Dimensions */
    --max-content-width: 1400px;
    --container-padding: clamp(1rem, 3.5vw, 2.5rem);

    /* Typography Matrix */
    --font-heading: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-tagline: 'Roboto Condensed', -apple-system, sans-serif;
    --font-utility: 'Roboto Condensed', -apple-system, sans-serif;

    /* Font Sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: clamp(2.25rem, 5vw, 3.25rem);

    /* Font Weights */
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;

    /* Shadows & Elevation */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
    --shadow-card-hover: 0 14px 30px rgba(0, 0, 0, 0.09);
    --shadow-red: 0 8px 24px rgba(228, 24, 25, 0.22);

    /* Border Radii */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.25s ease-in-out;
    --transition-slow: 0.4s ease-in-out;
}