:root {
  --halfgate-primary: #A9432A;
  --halfgate-on-primary: #FFFFFF;
  --halfgate-primary-container: #FFE3D6;
  --halfgate-on-primary-container: #7A2E1B;
  --halfgate-secondary: #176F6F;
  --halfgate-on-secondary: #FFFFFF;
  --halfgate-secondary-container: #D5EFED;
  --halfgate-on-secondary-container: #0E4545;
  --halfgate-tertiary: #4D5F63;
  --halfgate-on-tertiary: #FFFFFF;
  --halfgate-tertiary-container: #E2E8E9;
  --halfgate-on-tertiary-container: #1F2A2E;
  --halfgate-error: #B3261E;
  --halfgate-on-error: #FFFFFF;
  --halfgate-surface: #FFF8F2;
  --halfgate-on-surface: #1F2A2E;
  --halfgate-on-surface-variant: #55656A;
  --halfgate-surface-container-lowest: #FFFFFF;
  --halfgate-surface-container-low: #FFF2E9;
  --halfgate-surface-container: #FFEDE2;
  --halfgate-surface-container-high: #FBE5D8;
  --halfgate-surface-container-highest: #F5DDCF;
  --halfgate-outline: #7C8E92;
  --halfgate-outline-variant: #E9D3C6;
  --halfgate-inverse-surface: #1F2A2E;
  --halfgate-inverse-on-surface: #F3ECE4;
  --halfgate-inverse-primary: #FF8A6B;
  --halfgate-scrim: #000000;
  --halfgate-shadow: #000000;
  --halfgate-you: #E8684A;
  --halfgate-on-you: #1F2A2E;
  --halfgate-other: #1F8A8A;
  --halfgate-on-other: #030C0C;
  --halfgate-reading: #2A3539;
  --halfgate-bodygraph-personality: #1F2A2E;
  --halfgate-bodygraph-design: #9C3D26;
  --halfgate-radius-small: 12px;
  --halfgate-radius-medium: 16px;
  --halfgate-radius-large: 24px;
  --halfgate-radius-full: 999px;
}