@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --color-primary: #29aa43;
  --color-primary-focus: #2fb84a;
  --color-primary-on-dark: #4cc865;
  --color-primary-press: #23913a;
  --color-on-primary: #ffffff;

  --color-brand-green: #29aa43;
  --color-brand-red: #ed2023;
  --color-brand-yellow: #e8eb0c;

  --color-danger: #ed2023;
  --color-warning: #e8eb0c;
  --color-success: #29aa43;

  --color-canvas: #ffffff;
  --color-canvas-parchment: #f5f5f7;
  --color-surface-pearl: #fafafc;
  --color-surface-tile-1: #272729;
  --color-surface-tile-2: #2a2a2c;
  --color-surface-tile-3: #252527;
  --color-surface-black: #000000;
  --color-surface-chip-translucent: rgba(210, 210, 215, 0.64);

  --color-ink: #1d1d1f;
  --color-body: #1d1d1f;
  --color-body-on-dark: #ffffff;
  --color-body-muted: #cccccc;
  --color-ink-muted-80: #333333;
  --color-ink-muted-48: #7a7a7a;

  --color-divider-soft: rgba(0, 0, 0, 0.04);
  --color-hairline: #e0e0e0;

  --font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-feature-display: "ss03" 1;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  --type-hero-display-size: 56px;   --type-hero-display-lh: 1.07;  --type-hero-display-ls: -0.28px;
  --type-display-lg-size: 40px;     --type-display-lg-lh: 1.10;    --type-display-lg-ls: 0;
  --type-display-md-size: 34px;     --type-display-md-lh: 1.47;    --type-display-md-ls: -0.374px;
  --type-lead-size: 28px;           --type-lead-lh: 1.14;          --type-lead-ls: 0.196px;
  --type-lead-airy-size: 24px;      --type-lead-airy-lh: 1.5;      --type-lead-airy-ls: 0;
  --type-tagline-size: 21px;        --type-tagline-lh: 1.19;       --type-tagline-ls: 0.231px;
  --type-body-strong-size: 17px;    --type-body-strong-lh: 1.24;   --type-body-strong-ls: -0.374px;
  --type-body-size: 17px;           --type-body-lh: 1.47;          --type-body-ls: -0.374px;
  --type-dense-link-size: 17px;     --type-dense-link-lh: 2.41;    --type-dense-link-ls: 0;
  --type-caption-size: 14px;        --type-caption-lh: 1.43;       --type-caption-ls: -0.224px;
  --type-caption-strong-size: 14px; --type-caption-strong-lh: 1.29;--type-caption-strong-ls: -0.224px;
  --type-button-large-size: 18px;   --type-button-large-lh: 1.0;   --type-button-large-ls: 0;
  --type-button-utility-size: 14px; --type-button-utility-lh: 1.29;--type-button-utility-ls: -0.224px;
  --type-fine-print-size: 12px;     --type-fine-print-lh: 1.0;     --type-fine-print-ls: -0.12px;
  --type-micro-legal-size: 10px;    --type-micro-legal-lh: 1.3;    --type-micro-legal-ls: -0.08px;
  --type-nav-link-size: 12px;       --type-nav-link-lh: 1.0;       --type-nav-link-ls: -0.12px;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 17px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 80px;

  --container-text: 980px;
  --container-grid: 1440px;

  --radius-none: 0px;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 18px;
  --radius-pill: 9999px;
  --radius-full: 9999px;

  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;
  --border-hairline: 1px solid var(--color-hairline);
  --border-soft: 3px solid var(--color-divider-soft);
  --blur-frosted: saturate(180%) blur(20px);
  --scrim-parchment-80: rgba(245, 245, 247, 0.8);
}