:root {
    /* === Backgrounds === */
    --color-bg-primary:     #FAFAFA;
    --color-bg-secondary:   #FFFFFF;
    --color-bg-tertiary:    #F0F0F2;

    /* === Text === */
    --color-text-primary:   #1A1A1A;
    --color-text-secondary: #5A5A6A;
    --color-text-muted:     #9A9AAA;

    /* === Brand Accent (LUMZENN green from logo) === */
    --color-accent:         #0e6f3e;
    --color-accent-hover:   #0a5a31;
    --color-accent-glow:    rgba(14, 111, 62, 0.15);

    /* === WhatsApp === */
    --color-whatsapp:       #25D366;
    --color-whatsapp-hover: #1EB854;

    /* === Price (darkened for contrast on white) === */
    --color-price:          #16a34a;

    /* === Badges === */
    --color-badge:          #f59e0b;
    --color-badge-text:     #FFFFFF;

    /* === Borders (light theme needs visible borders) === */
    --color-border:         #E6E6E6;
    --color-border-hover:   #D0D0D0;

    /* === Typography === */
    --font-primary:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display:    'Space Grotesk', var(--font-primary);

    --text-xs:    0.75rem;
    --text-sm:    0.875rem;
    --text-base:  1rem;
    --text-lg:    1.125rem;
    --text-xl:    1.25rem;
    --text-2xl:   1.5rem;
    --text-3xl:   1.875rem;
    --text-4xl:   2.25rem;

    /* === Spacing === */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* === Border Radius === */
    --radius-sm:   0.5rem;
    --radius-md:   1rem;
    --radius-lg:   1.25rem;
    --radius-full: 9999px;

    /* === Shadows (softer for light theme) === */
    --shadow-card:  0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 12px 28px -6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(14, 111, 62, 0.08);

    /* === Transitions === */
    --transition-fast:   150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow:   400ms ease;

    /* === Z-index === */
    --z-sticky:    100;
    --z-floating:  1000;
    --z-modal:     2000;
}