:root {
    --navy: #1B3B63;
    --navy-dark: #122A48;
    --gold: #F5B324;
    --gold-dark: #D99A0C;
    --red: #D6362E;
    --cream: #FDFBF4;
    --ink: #22262B;
    --paper: #FFFFFF;
    --border: #EAE4D6;
    /* Tokens de estado e texto (etapa 1 do design system): pares texto/fundo com contraste >= 4,5:1. */
    --text-muted: #6B6357;
    --ok: #2F5E27;
    --ok-bg: #E3EFDA;
    --warn: #6B5312;
    --warn-bg: #FFF3C4;
    --danger: #A62A1E;
    --danger-bg: #FBE1DF;
    --info: #1B3B63;
    --info-bg: #E8EEF6;
    --whatsapp: #167A3E;
    /* Escalas (etapa 4 do design system): espaço (gap), raio e fonte. Valor novo usa um destes degraus. */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --radius-round: 50%;
    --fs-xs: 0.75rem;
    --fs-sm: 0.85rem;
    --fs-md: 0.9rem;
    --fs-base: 1rem;
    --fs-lg: 1.2rem;
    --fs-xl: 1.5rem;
    --fs-2xl: 1.8rem;
    --font-display: 'Baloo 2', sans-serif;
    --font-body: 'Inter', sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    margin: 0;
    color: var(--ink);
    background: var(--cream);
    line-height: 1.5;
}

a {
    color: inherit;
}