:root {
    /* Colors */
    --letitout-primary: #ca0013;
    --letitout-secondary: #7a0010;
    --letitout-background: #fffcf1;
    --letitout-text: #000000;
    --letitout-text-light: #666666;
    --letitout-border: #e0e0e0;
    
    /* Spacing */
    --letitout-spacing-xs: 0.5rem;
    --letitout-spacing-sm: 1rem;
    --letitout-spacing-md: 1.5rem;
    --letitout-spacing-lg: 2rem;
    --letitout-spacing-xl: 3rem;
    
    /* Typography */
    --letitout-font-family: 'DM Sans', sans-serif;
    --letitout-font-size-sm: 0.875rem;
    --letitout-font-size-base: 1rem;
    --letitout-font-size-lg: 1.25rem;
    --letitout-font-size-xl: 1.5rem;
    
    /* Border Radius */
    --letitout-radius-sm: 4px;
    --letitout-radius-md: 8px;
    --letitout-radius-lg: 16px;
    
    /* Shadows */
    --letitout-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --letitout-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --letitout-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --letitout-transition-fast: 0.2s ease;
    --letitout-transition-normal: 0.3s ease;
    --letitout-transition-slow: 0.5s ease;
}