:root {
    --board: #cdd0c9;
    --speck-dark: #b5b9af;
    --speck-light: #e0e2db;
    --paper: #f5f5ef;
    --paper-white: #fbfbf7;
    --slip: #f2f2ea;
    --photo-mat: #ffffff;
    --ink: #1e2a4a;
    --ink-soft: #3a4566;
    --muted: #6e7487;
    --rule: #d4d7e3;
    --margin-line: rgba(223, 59, 63, 0.55);
    --red: #df3b3f;
    --yellow: #ffe771;
    --yellow-ink: #4d4416;
    --pink: #ffa6cd;
    --pink-ink: #7a4660;
    --blue: #a8c5e6;
    --blue-ink: #2f4766;
    --tape: rgba(239, 232, 198, 0.86);
    --disabled: #9da3b4;
    --placeholder: #9da3b4;
    --sheet-shadow: 0 12px 26px -12px rgba(30, 42, 74, 0.42);
    --sticky-shadow: 0 10px 18px -10px rgba(30, 42, 74, 0.45);
    --pin-shadow: 1px 3px 3px rgba(30, 42, 74, 0.35);
    --white: #ffffff;

    --hand: 'Caveat', cursive;
    --text: 'Golos Text', sans-serif;
    --mono: 'PT Mono', monospace;

    --h1-size: 74px;
    --h1-line: 76px;
    --h2-size: 56px;
    --h2-line: 60px;
    --hand-size: 34px;
    --hand-line: 36px;
    --note-size: 30px;
    --note-line: 32px;
    --lede-size: 20px;
    --lede-line: 31px;
    --body-size: 17px;
    --body-line: 27px;
    --small-size: 14px;
    --small-line: 20px;
    --mono-size: 13px;
    --mono-line: 18px;

    --container: 1200px;
    --gutter: 24px;
    --section-pad: 72px;
    --stack-gap: 44px;
    --sheet-pad: 36px;
    --sticky-pad: 26px;
    --button-height: 56px;
    --button-sm-height: 44px;
    --line-input-height: 40px;
    --line-area-height: 72px;

    --tape-width: 128px;
    --tape-height: 32px;
    --tape-overlap: 14px;
    --pin-size: 20px;
    --pin-overlap: 10px;

    --hero-note: 740px;
    --hero-side: 400px;
    --strip-height: 176px;
    --strips: 7;
    --mascot-width: 230px;
    --mascot-visible: 140px;
    --title-sheet: 780px;
    --title-sheet-wide: 900px;
    --story-ask: 330px;
    --story-reply: 560px;
    --mode-sheet: 560px;
    --polaroid-photo: 148px;
    --polaroid-photo-small: 116px;
    --knowledge-text: 460px;
    --listing: 680px;
    --lead-form: 640px;
    --contacts: 440px;
}