:root {
    /* Colors */
    --color-primary-container: #358169;
    --color-on-primary: #ffffff;
    --color-primary: #146851;
    --color-outline: #6f7974;
    --color-on-surface-variant: #3f4944;
    --color-on-surface: #191c1c;
    --color-background: #f8faf9;
    --color-on-background: #191c1c;
    --color-surface: #f8faf9;
    --color-surface-variant: #e1e3e2;
    --color-surface-container-low: #f3f4f3;
    --color-surface-container-lowest: #ffffff;
    --color-inverse-surface: #2e3131;
    --color-secondary-fixed: #86f7d2;
    --color-primary-fixed: #a5f2d4;
    --color-error: #ba1a1a;
    
    /* Spacing */
    --spacing-unit: 8px;
    --spacing-margin-mobile: 20px;
    --spacing-margin-desktop: 64px;
    --spacing-gutter: 24px;
    --spacing-container-max: 1280px;

    /* Typography */
    --font-family-body: "Helvetica", sans-serif;
    --font-family-label: "Verdana", sans-serif;
    --font-family-headline: "Helvetica Neue", sans-serif;
    
    --font-size-body-md: 16px;
    --line-height-body-md: 24px;
    
    --font-size-body-lg: 18px;
    --line-height-body-lg: 28px;
    
    --font-size-label-sm: 12px;
    --line-height-label-sm: 16px;
    --letter-spacing-label-sm: 0.05em;
    
    --font-size-headline-md: 24px;
    --line-height-headline-md: 32px;
    
    --font-size-display-lg-mobile: 32px;
    --line-height-display-lg-mobile: 40px;
    --letter-spacing-display-lg-mobile: -0.01em;
    
    --font-size-display-lg: 48px;
    --line-height-display-lg: 56px;
    --letter-spacing-display-lg: -0.02em;

    /* Shadows */
    --shadow-ambient: 0px 12px 32px rgba(0,0,0,0.04);
}