:root {
    /* Colores */
    --color-background: #f5f5f7;
    --color-surface: #ffffff;
    --color-text-primary: #1d1d1f;
    --color-text-secondary: #6e6e73;
    --color-border: #d2d2d7;
    --color-accent: #0071e3;
    /* Tipografía */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /* Tamaños */
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-lg: 20px;
    --font-size-xl: 32px;
    /* Espaciados */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 32px;
    --space-xl: 64px;
    /* Layout */
    --max-width: 1200px;
    --header-height: 64px;
}