/* === Irwell Studio — design tokens === */
:root {
    --ink: #16181A;
    --ink-soft: #2C3136;
    --pine-deep: #1B2A22;
    --cta: #2F4A3C;
    --cta-hover: #243A30;
    --accent-line: #8A9A8E;
    --highlight-soft: #E8EDE9;
    --stone: #F2F3F1;
    --surface: #FFFFFF;
    --surface-muted: #E6E8E5;
    --text: #16181A;
    --text-on-dark: #F2F3F1;
    --text-secondary: #5C636A;
    --border: #D2D5D1;
    --border-strong: #A8ADA8;
    --error: #B42318;
    --success: #2F6B4F;
    --sponsored-bg: #E6E8E5;
    --sponsored-text: #4A524C;

    --font-display: "Spectral", Georgia, "Times New Roman", serif;
    --font-ui: "Figtree", system-ui, sans-serif;

    --radius: 4px;
    --container: 1000px;
    --container-fees: 760px;
    --container-form: 560px;

    --pad: 16px;
    --section-y: 56px;
    --header-h: 64px;
    --transition: 0.22s ease;
}

@media (min-width: 375px) {
    :root {
        --pad: 20px;
    }
}

@media (min-width: 768px) {
    :root {
        --pad: 28px;
        --section-y: 72px;
    }
}

@media (min-width: 1024px) {
    :root {
        --section-y: 84px;
    }
}

@media (min-width: 1280px) {
    :root {
        --pad: 48px;
    }
}