:root {
  --primary: #3d4f2e;
  --secondary: #c4855a;
  --text: #2a2018;
  --bg: #f5f0e8;
  --root-font-size: 100%;
  --text-xs: clamp(12.5px, 12.9552583744px + -0.1214022332vw, 11.2556271101px);
  --text-s: clamp(15px, 14.9986277057px + 0.0003659451vw, 15.0037509377px);
  --text-m: clamp(18px, 17.2682926829px + 0.1951219512vw, 20px);
  --text-l: clamp(21.6px, 19.7487804878px + 0.4936585366vw, 26.66px);
  --text-xl: clamp(25.92px, 22.4013px + 0.93832vw, 35.53778px);
  --text-xxl: clamp(31.104px, 25.1523436317px + 1.5871083649vw, 47.37186074px);
  --text-3xl: clamp(37.3248px, 27.8777669391px + 2.5192088162vw, 63.1466903664px);
  --space-none: 0;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 48px;
  --space-xl: 64px;
  --space-xxl: 128px;
  --space-huge: 256px;
  --container-max-width: 1680px;
}