/* ===== INÍCIO — Tokens de cor ===== */

:root {
    --paper: #f7f7f2;
    --paper2: #f1f0e9;
    --ink: #1e2222;
    --muted: #68706d;
    --green: #0b4938;
    --green2: #143d35;
    --terracotta: #b95739;
    --rule: #a7cbe5;
    --margin: #dc9aa0;
    --line: #d8dbd3;
    --white: #fbfbf7;
}

/* ===== FIM — Tokens de cor ===== */


/* ===== INÍCIO — Tokens de escala tipográfica ===== */

:root {
    --font-body: 16px;
    --font-eyebrow: 10px;
    --font-lead: clamp(17px, 1.55vw, 22px);
    --font-section-title: clamp(30px, 3.2vw, 44px);
    --font-internal-hero: clamp(38px, 4.4vw, 60px);
    --font-option-title: clamp(19px, 1.8vw, 25px);
    --font-selection-title: clamp(20px, 2.2vw, 28px);
}

/* ===== FIM — Tokens de escala tipográfica ===== */


/* ===== INÍCIO — Tokens de espaçamento ===== */

:root {
    --space-section: 82px;
    --space-eyebrow: 18px;
    --space-heading: 24px;
    --space-block: 32px;
    --space-internal-hero-top: 88px;
    --space-options-top: 42px;
    --space-option-y: 20px;
    --space-selection-top: 34px;
    --space-form-field: 22px;
}

/* ===== FIM — Tokens de espaçamento ===== */


/* ===== INÍCIO — Tokens de largura ===== */

:root {
    --content-max: 1180px;
    --text-max: 920px;
    --internal-hero-title-max: 1120px;
    --internal-text-max: 860px;
    --internal-selection-max: 760px;
}

/* ===== FIM — Tokens de largura ===== */