:root {
  --color-primary: #E35F33;
  --color-primary-rgb: 227 95 51;
  --color-primary-hover: #B94825;
  --color-primary-hover-rgb: 185 72 37;
  --color-terracotta: #8C4F3A;
  --color-terracotta-rgb: 140 79 58;
  --color-background-light: #FDFCF8;
  --color-background-light-rgb: 253 252 248;
  --color-background-dark: #221510;
  --color-background-dark-rgb: 34 21 16;
  --color-surface-light: #FFFFFF;
  --color-surface-light-rgb: 255 255 255;
  --color-surface-dark: #2D1F1A;
  --color-surface-dark-rgb: 45 31 26;
  --color-text-main: #181311;
  --color-text-main-rgb: 24 19 17;
  --color-text-muted: #896B61;
  --color-text-muted-rgb: 137 107 97;
  --color-text-light: #EADDD7;
  --color-text-light-rgb: 234 221 215;
  --color-text-muted-dark: #BCAAA4;
  --color-text-muted-dark-rgb: 188 170 164;
  --color-border-light: #F4F1F0;
  --color-border-light-rgb: 244 241 240;
  --color-border-dark: #3E2B24;
  --color-border-dark-rgb: 62 43 36;
  --color-border-soft: #F0EBE9;
  --color-border-soft-rgb: 240 235 233;
  --color-hero-dark: #1A110D;
  --color-hero-dark-rgb: 26 17 13;
  --focus-outline: #F7D8CD;
  --focus-shadow-rgb: 227 95 51;
}