/*
 * E-Brom — Site Design Tokens
 * Documentação: docs/site/SYSTEM_DESIGN.md
 * Valores em HSL triplet (sem hsl() wrap) para permitir hsl(var(--token) / .X).
 */

:root {
    /* Cores semânticas */
    --background: 210 20% 98%;
    --foreground: 220 20% 10%;
    --muted: 214 30% 95%;
    --muted-foreground: 215 15% 45%;
    --card: 0 0% 100%;
    --card-foreground: 220 20% 10%;
    --border: 214 20% 88%;
    --input: 214 20% 88%;
    --ring: 199 89% 48%;
    --primary: 199 89% 48%;
    --primary-hover: 199 89% 42%;
    --primary-foreground: 0 0% 100%;
    --destructive: 0 75% 55%;
    --success: 145 55% 38%;
    --warning: 38 92% 50%;

    /* Spacing scale (4-based) */
    --space-1: 0.25rem;   /*  4px */
    --space-2: 0.5rem;    /*  8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-6: 1.5rem;    /* 24px */
    --space-8: 2rem;      /* 32px */
    --space-12: 3rem;     /* 48px */
    --space-16: 4rem;     /* 64px */
    --space-24: 6rem;     /* 96px */

    /* Radius */
    --radius-sm: 0.5rem;   /*  8px — inputs, alerts */
    --radius: 0.75rem;     /* 12px — base */
    --radius-lg: 1rem;     /* 16px — cards */
    --radius-full: 9999px; /* pills, badges, buttons */

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, .04);
    --shadow-md: 0 4px 10px rgba(15, 23, 42, .06);
    --shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);
    --shadow-glow-primary: 0 10px 15px -3px hsl(var(--primary) / .25), 0 4px 6px -4px hsl(var(--primary) / .25);
    --shadow-featured: 0 20px 25px -5px hsl(var(--primary) / .12), 0 8px 10px -6px hsl(var(--primary) / .08);

    /* Tipografia */
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;

    /* Layout */
    --container: 1180px;
    --container-narrow: 1080px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}