:root {
    --paper: #fafbf8;
    --band: #edf2e6;
    --forest: #0f3b2e;
    --moss: #3e5a4e;
    --muted: #6b8075;
    --line: #d6ded1;
    --soft: #f0f3ec;
    --panel: #f4f6f0;
    --glow: #ddf57a;
    --glow-soft: #f4fbd8;
    --glow-line: #d9eba0;
    --green: #5b9212;
    --peach: #fce7d6;
    --peach-ink: #9a4a16;
    --white: #ffffff;
    --on-forest: #cfe0d5;
    --forest-raised: rgba(255, 255, 255, 0.06);
    --forest-line: rgba(207, 224, 213, 0.26);
    --disabled: #c9d3c4;
    --placeholder: #94a39a;
    --checkbox-line: #afbdb3;
    --dim-video: rgba(15, 59, 46, 0.18);
    --shadow: 0 24px 48px -24px rgba(15, 59, 46, 0.28);

    --mint: #ddefe3;
    --mint-ink: #2e6b4e;
    --lilac: #e6e1fa;
    --lilac-ink: #5240b8;
    --sand: #f1e8d7;
    --sand-ink: #7a5b26;
    --sky: #ddeaf6;
    --sky-ink: #2d5c8a;

    --sans: 'Geologica', sans-serif;
    --mono: 'JetBrains Mono', monospace;

    --h1-size: 76px;
    --h1-line: 82px;
    --h1-track: -2px;
    --h2-size: 48px;
    --h2-line: 54px;
    --h2-track: -1px;
    --h3-size: 28px;
    --h3-line: 34px;
    --h4-size: 20px;
    --h4-line: 27px;
    --lede-size: 21px;
    --lede-line: 32px;
    --body-size: 17px;
    --body-line: 27px;
    --small-size: 15px;
    --small-line: 22px;
    --mono-size: 12px;
    --mono-line: 16px;
    --bubble-size: 17px;
    --bubble-line: 25px;

    --container: 1200px;
    --gutter: 24px;
    --section-pad: 120px;
    --stack-gap: 48px;
    --narrow: 820px;

    --radius-card: 24px;
    --radius-chat: 28px;
    --radius-bubble: 20px;
    --radius-button: 16px;
    --card-pad: 32px;
    --button-height: 58px;
    --button-sm-height: 46px;
    --input-height: 56px;
    --area-height: 108px;

    --header-height: 104px;
    --logo-width: 176px;
    --logo-height: 64px;
    --avatar-bot: 26px;

    --hero-pitch: 560px;
    --hero-chat: 520px;
    --hero-chat-lift: 24px;
    --mascot-width: 250px;
    --mascot-visible: 150px;

    --story-note: 260px;
    --story-main: 600px;
    --story-gap: 40px;
    --story-bubble: 460px;
    --draft-width: 500px;

    --split-text: 540px;
    --split-card: 580px;
    --listing: 680px;
    --custom-side: 440px;
    --custom-chat: 640px;
    --faq-title: 380px;
    --lead-form: 660px;
    --contacts: 460px;
    --contacts-mascot-width: 230px;
    --contacts-mascot-visible: 140px;
}