/* Generated by scripts/sync.mjs from torneito-swift/shared. Do not edit. */

@font-face { font-family: "MangoGrotesque-ExtraBold"; src: url("/fonts/MangoGrotesque-ExtraBold.otf"); font-display: swap; }
@font-face { font-family: "BarlowCondensed-ExtraBold"; src: url("/fonts/BarlowCondensed-ExtraBold.ttf"); font-display: swap; }
@font-face { font-family: "BarlowSemiCondensed-ExtraBold"; src: url("/fonts/BarlowSemiCondensed-ExtraBold.ttf"); font-display: swap; }
@font-face { font-family: "Barlow-Medium"; src: url("/fonts/Barlow-Medium.ttf"); font-display: swap; }
@font-face { font-family: "Barlow-Regular"; src: url("/fonts/Barlow-Regular.ttf"); font-display: swap; }
@font-face { font-family: "BarlowSemiCondensed-Medium"; src: url("/fonts/BarlowSemiCondensed-Medium.ttf"); font-display: swap; }
@font-face { font-family: "BarlowSemiCondensed-SemiBold"; src: url("/fonts/BarlowSemiCondensed-SemiBold.ttf"); font-display: swap; }
@font-face { font-family: "BarlowSemiCondensed-Bold"; src: url("/fonts/BarlowSemiCondensed-Bold.ttf"); font-display: swap; }

:root {
  color-scheme: dark;
  --color-background: #232228;
  --color-surface: #1B1A1F;
  --color-border: #33313B;
  --color-text: #FFFFFF;
  --color-text-muted: #938DAC;
  --color-text-subtle: #838383;
  --color-accent: #EDBB00;
  --color-accent-text: #EDBB00;
  --color-on-accent: #0F0E11;
  --color-button-primary-face: #EDBB00;
  --color-button-primary-face-pressed: #E2A508;
  --color-button-primary-ring-high: #F4D768;
  --color-button-primary-ring-low: #DB960D;
  --color-button-primary-bevel-high: #FFFFFF;
  --color-button-primary-bevel-low: #D07F15;
  --color-button-primary-engrave-high: #F5DA00;
  --color-button-primary-engrave-low: #E6A408;
  --color-button-primary-outline: #000000;
  --space-none: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-ms: 12px;
  --space-md: 16px;
  --space-ml: 20px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-screen-padding: 16px;
  --space-section-gap: 24px;
  --space-card-gutter: 8px;
  --space-card-bleed: -8px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-sheet: 38px;
  --radius-full: 9999px;
  --radius-scan-corner: 30px;
  --radius-code: 24px;
  --radius-value-chip: 8px;
  --radius-featured: 16px;
  --size-control: 56px;
  --size-header-crown: 44px;
  --size-splash-crown: 96px;
  --size-cover-row-width: 76px;
  --size-cover-row-height: 102px;
  --size-button-outline: 0.5px;
  --size-button-ring: 0.5px;
  --size-button-bevel: 2px;
  --size-button-bevel-inset: 1px;
  --size-button-face-top: 14px;
  --size-button-face-bottom: 16px;
  --size-button-engrave: 0.5px;
}

.type-hero {
  font-family: "MangoGrotesque-ExtraBold", system-ui, sans-serif;
  font-size: 8.75rem;
  line-height: 0.7857;
  letter-spacing: 0em;
  text-transform: uppercase;
}
.type-large-title {
  font-family: "BarlowCondensed-ExtraBold", system-ui, sans-serif;
  font-size: 2.25rem;
  line-height: 1.1667;
  letter-spacing: -0.0083em;
  text-transform: uppercase;
}
.type-title {
  font-family: "BarlowSemiCondensed-ExtraBold", system-ui, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2727;
  letter-spacing: 0em;
}
.type-heading {
  font-family: "BarlowSemiCondensed-ExtraBold", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333;
  letter-spacing: 0em;
  text-transform: uppercase;
}
.type-headline {
  font-family: "Barlow-Medium", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333;
  letter-spacing: -0.0111em;
}
.type-body {
  font-family: "Barlow-Regular", system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.3529;
  letter-spacing: 0em;
}
.type-caption {
  font-family: "BarlowSemiCondensed-Medium", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.type-caption-strong {
  font-family: "BarlowSemiCondensed-SemiBold", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.type-label {
  font-family: "BarlowSemiCondensed-Bold", system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2857;
  letter-spacing: 0em;
  text-transform: uppercase;
}