/* HENX3D Design Variables - Theme-aware Version */
/* Nur Spacing, Typography und andere nicht-farbige Variablen */
/* Farben kommen von theme-variables.css */

:root {
    /* ===== SPACING ===== */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;

    /* ===== BORDERS ===== */
    --border-radius: 8px;
    --border-radius-sm: 4px;
    --border-radius-lg: 12px;

    /* ===== LAYOUT ===== */
    --container-width: 1200px;

    /* ===== TRANSITIONS ===== */
    --transition-speed: 0.2s;

    /* ===== TYPOGRAPHY ===== */
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-heading: Inter, -apple-system, sans-serif;

    /* Font Sizes - Optimierte Proportionen */
    --font-size-base: 16px;
    --font-size-body: 1rem;
    --font-size-h1: clamp(2rem, 5vw, 3rem);
    --font-size-h2: clamp(1.75rem, 4vw, 2.25rem);
    --font-size-h3: 1.5rem;
    --font-size-title: clamp(1.75rem, 4vw, 2.5rem);
    --font-size-subtitle: 0.875rem;
    --font-size-description: 1.05rem;
    --font-size-card-title: 1.35rem;
    --font-size-hero-title: clamp(1.75rem, 4vw, 2.75rem);
    --font-size-hero-subtitle: clamp(1rem, 1.5vw, 1.2rem);

    /* Line Heights */
    --line-height-base: 1.6;
}