/* ─── Design System Tokens ─── */
:root {
    /* cor */
    --grafite: #16181A;
    --grafite-2: #2A2D30;
    --preto: #0E0F10;
    --papel: #F3F1EC;
    --papel-2: #E6E3DC;
    --linha: #CFCCC5;
    --cinza: #5A5D60;
    --cinza-claro: #9A9C9E;
    --ambar: #FFC83D;

    /* tipo */
    --font-display: 'Bricolage Grotesque', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --tracking-display: -0.045em;

    /* escala (clamp mobile → desktop) */
    --fs-hero: clamp(56px, 11vw, 168px);
    --fs-h2: clamp(40px, 6vw, 88px);
    --fs-h3: clamp(24px, 3vw, 34px);
    --fs-body: clamp(18px, 1.6vw, 22px);
    --fs-label: 13px;

    /* espaço */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 40px;
    --space-5: 64px;
    --space-6: 120px;

    /* forma */
    --radius-card: 18px;
    --radius-pill: 999px;
    --border: 2px;
}