/* GENERATED by tools/web/delete-account/generate.ts from the brand tokens. Do not edit. */
@font-face { font-family: "Brand Figtree"; src: url("fonts/Figtree-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Brand Figtree"; src: url("fonts/Figtree-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Brand BricolageGrotesque"; src: url("fonts/BricolageGrotesque-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  color-scheme: light dark;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 44px;
  --space-xxxl: 64px;
  --content-max: 680px;
  --target: 48px;
  --check-size: calc(var(--target) / 2);
  --icon-size: var(--target);
  --icon-radius: 16px;
  --control-radius: 9999px;
  --card-radius: 16px;
  --control-clip: none;
  --card-clip: none;
  --field-border-width: 1.25px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --press-scale: 0.94;
  --press-duration: 120ms;
  --press-curve: cubic-bezier(0.3, 0, 0, 1);
  --font-text: "Brand Figtree", system-ui, sans-serif;
  --font-display: "Brand BricolageGrotesque", "Brand Figtree", system-ui, sans-serif;
  --font-numeric: "Brand BricolageGrotesque", "Brand Figtree", system-ui, sans-serif;
  --body-size: 16px;
  --body-line: 24px;
  --body-weight: 400;
  --body-tracking: 0px;
  --small-size: 14px;
  --small-line: 21px;
  --small-weight: 400;
  --small-tracking: 0.1px;
  --label-size: 15px;
  --label-line: 20px;
  --label-weight: 700;
  --label-tracking: 0px;
  --title-size: 20px;
  --title-line: 26px;
  --title-weight: 700;
  --title-tracking: -0.2px;
  --headline-size: 27px;
  --headline-line: 33px;
  --headline-weight: 700;
  --headline-tracking: -0.4px;
  --page-backdrop: #EADBD6;
  --surface: #FAF1EE;
  --surface-container: #F3E7E3;
  --card-surface: #FFFDFC;
  --field-surface: #FAF1EE;
  --on-surface: #1F1D3D;
  --on-surface-variant: #4E4B68;
  --primary: #B0245A;
  --on-primary: #FFFDFC;
  --danger: #B23A1E;
  --on-danger: #FFFDFC;
  --error-container: #FBE0D8;
  --on-error-container: #3A1007;
  --outline: #7A7794;
  --focus: #B0245A;
  --disabled-surface: #EADBD6;
  --on-disabled: #4E4B68;
  --card-border: none;
  --card-shadow: 0px 7px 0px -4px #1F1D3D17, 0px 6px 12px -2px #1F1D3D0f;
}
@media (prefers-color-scheme: dark) {
  :root {
    --page-backdrop: #1A1840;
    --surface: #121030;
    --surface-container: #29275A;
    --card-surface: #211F4C;
    --field-surface: #121030;
    --on-surface: #F3E7E3;
    --on-surface-variant: #B6B2D8;
    --primary: #F7B3CB;
    --on-primary: #3D0A1F;
    --danger: #F5B4A2;
    --on-danger: #3A1007;
    --error-container: #66200F;
    --on-error-container: #FBE0D8;
    --outline: #716DA2;
    --focus: #F7B3CB;
    --disabled-surface: #322F66;
    --on-disabled: #B6B2D8;
    --card-border: none;
    --card-shadow: none;
  }
}