:root {
    /* Colors - Architectural Digital */
    --color-bg: #F2EFE6; /* Warm Chalk */
    --color-surface: #FFFFFF;
    --color-surface-soft: #F7F5EF;
    --color-surface-raised: #E8E5DC;
    
    --color-text: #0B1013; /* Deep Ink */
    --color-text-muted: #4A4D50;
    --color-text-subtle: #737578;
    
    --color-border: #D1CEC5;
    
    /* System Colors */
    --color-system: #0B1013; /* Primary Interaction */
    --color-knowledge: #3A4B56;
    --color-human: #C9A98C; /* Warm Accent */
    --color-depth: #000000;
    --color-teal: #26B7AE;
    --color-ochre: #D7A23A;
    --color-coral: #D95F55;
    
    /* Semantic Colors */
    --color-success: #1E6C46;
    --color-warning: #B37100;
    --color-error: #BA1A1A;
    --color-info: #005A93;
    --color-focus: #005A93;
    --color-disabled: #A1A3A6;

    /* Typography Roles */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    
    --font-size-display: clamp(2.5rem, 2rem + 4vw, 4.5rem);
    --font-size-h1: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
    --font-size-h2: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
    --font-size-h3: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    --font-size-lead: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
    --font-size-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --font-size-body-sm: clamp(0.875rem, 0.85rem + 0.125vw, 0.9375rem);
    --font-size-meta: 0.75rem;
    
    --line-height-body: 1.6;
    --line-height-heading: 1.2;
    --line-height-tight: 1.1;

    /* Icon Sizes */
    --icon-sm: 1.125rem;
    --icon-md: 1.5rem;
    --icon-lg: 2rem;

    /* Spacing */
    --space-2: 0.25rem;
    --space-4: 0.5rem;
    --space-8: 1rem;
    --space-12: 1.5rem;
    --space-16: 2rem;
    --space-24: 3rem;
    --space-32: 4rem;
    
    /* Layout */
    --layout-page-gutter: clamp(1rem, 5vw, 2rem);
    --layout-max-width: 1440px;
    --layout-prose-width: 65ch;
    
    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    
    /* Motion */
    --transition-fast: 150ms ease-out;
    --transition-normal: 250ms ease-out;
}

@media (prefers-color-scheme: dark) {
    /* Optional Dark Mode (Könnte separat ausgearbeitet werden) */
    /* Vorerst Light Mode Default, wie oft im Architektur-Kontext */
}