:root {
    /* Colores (identidad premium beige) */
    --color-primary: #77c5d5;
    --color-primary-glow: rgba(119, 197, 213, 0.4);
    --color-accent: #d85736;
    --color-bg: #f8f6f0; /* Beige premium muy suave */
    --color-surface: #ffffff;
    --color-surface-hover: #fcfbf9;
    --color-text: #1a1a1a;
    --color-muted: #6b6b6b;
    --color-border: #e8e4db;

    /* Tipografía */
    --font-sans: "Inter", system-ui, -apple-system, sans-serif;
    --font-brand: "Inter", system-ui, -apple-system, sans-serif;

    /* Tamaños */
    --container-max: 1200px;
    --container-pad: 24px;

    /* Radios y sombras */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-glow: 0 4px 20px var(--color-primary-glow);

    /* Espaciado */
    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
}