/* Bolão 2026 — design tokens */
:root {
    /* Brand green (#009739) with white text is 3.83:1 — passes AA large only (≥18pt or 14pt bold).
       For small-text labels on brand backgrounds, use --gray-900 instead. */
    /* Brand */
    --brand-green:  #009739;
    --brand-yellow: #FEDD00;
    --brand-blue:   #012169;
    --brand-white:  #FFFFFF;

    /* Neutral */
    --gray-50:  #F7F8FA;
    --gray-100: #ECEEF2;
    --gray-300: #C8CDD6;
    --gray-500: #6B7280;
    --gray-700: #374151;
    --gray-900: #0F172A;

    /* Semantic */
    --color-success: #059669;  /* contrast 4.54:1 with white — passes AA normal */
    --color-warning: #F59E0B;  /* keep as-is — typically used on dark bg */
    --color-danger:  #DC2626;  /* contrast 5.74:1 with white — passes AA normal */
    --color-info:    #2563EB;  /* contrast 5.26:1 with white — passes AA normal */

    /* Typography */
    --font-sans:    "Inter", system-ui, -apple-system, sans-serif;
    --font-display: "Bebas Neue", "Inter", sans-serif;
    --size-xs:   0.75rem;
    --size-sm:   0.875rem;
    --size-base: 1rem;
    --size-lg:   1.125rem;
    --size-xl:   1.25rem;
    --size-2xl:  1.5rem;
    --size-3xl:  2rem;
    --size-4xl:  2.5rem;

    /* Spacing — 8pt scale */
    --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;

    /* Radius */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
}