:root {
  --color-ink: #14110D;
  --color-soil: #221B14;
  --color-loam: #3A2E22;
  --color-line: #57462F;
  --color-wheat: #E8B54A;
  --color-wheat-deep: #A97A22;
  --color-cream: #F4EAD3;
  --color-cream-dim: #BFB29A;
  --color-poppy: #D2492F;
  --color-poppy-deep: #8E2A19;
  --color-field: #4E7A3E;
  --color-field-deep: #2E4B24;
  --color-sky: #2F5468;
  --color-sky-deep: #1B3442;
  --color-frost: #CFE3E8;
  --font-display: 'Dela Gothic One', 'Arial Black', sans-serif;
  --font-text: 'Golos Text', 'Segoe UI', sans-serif;
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 22px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 700ms;
  --char-suit: #0E0C0A;
  --char-satin: #1F1B17;
  --char-shirt: #F5F1E6;
  --char-stud: #2B2722;
  --char-skin: #E7B08E;
  --char-skin-shade: #D99C7B;
  --char-skin-line: #C98E6C;
  --char-cheek: #D98C72;
  --char-hair: #CFCBC4;
  --char-brow: #A9A49B;
  --char-eye: #2B1E16;
  --char-mouth: #8E4A3A;
  --char-stache: #E9E6DF;
  --char-stache-line: #BDB8AE;
  --shadow-s: 0 8px 6px rgb(0 0 0 / .5);
  --shadow-m: 0 20px 30px rgb(0 0 0 / .45);
  --shadow-l: 0 40px 80px rgb(0 0 0 / .55);
  --shadow-wheel: 0 30px 40px rgb(0 0 0 / .55);
  --shadow-hub: 0 0 0 6px #14110D, 0 18px 30px rgb(0 0 0 / .6), inset 0 2px 0 rgb(255 255 255 / .08);
  --shadow-cell: inset 0 -6px 0 rgb(0 0 0 / .25);
  --shadow-text: 0 14px 0 #14110D, 0 30px 60px rgb(0 0 0 / .6);
  --glow-wheat: rgb(232 181 74 / .16);
  --glow-cream: rgb(244 234 211 / .10);
  --glow-ink: rgb(20 17 13 / .9);
}