/* GENERATED by scripts/build-tokens.py from DESIGN.md. Do not edit. */

@font-face{font-family:Bacalar;src:url(../../fonts/BACALAR-ULTRAEXPANDED.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../../fonts/ROBOTO-LIGHT_0.ttf) format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../../fonts/ROBOTO-MEDIUM.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url(../../fonts/ROBOTO-BOLD_0.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}

:root{
  --color-primary: #000000;
  --color-surface: #000000;
  --color-surface-raised: #3E3E3E;
  --color-surface-light: #FFFFFF;
  --color-surface-light-gray: #E1E1E1;
  --color-text: #FFFFFF;
  --color-text-on-light: #000000;
  --color-text-muted: #E1E1E1;
  --color-accent: #00FFFF;
  --color-accent-alt: #FF00FF;
  --color-brand-cobalt: #4960E6;
  --color-brand-indigo: #350F9C;
  --color-brand-purple: #6816B0;
  --spacing-gutter-mobile: 20px;
  --spacing-gutter-desktop: 64px;
  --spacing-section: 96px;
  --rounded-none: 0px;
  --rounded-sm: 4px;
  --type-eyebrow-family: Roboto, system-ui, sans-serif;
  --type-eyebrow-size: clamp(12px, 0.8333vw, 16px);
  --type-eyebrow-weight: 500;
  --type-eyebrow-line-height: 1.2;
  --type-eyebrow-tracking: 0.3em;
  --type-display-family: Bacalar, system-ui, sans-serif;
  --type-display-size: clamp(36px, 4.1667vw, 80px);
  --type-display-weight: 400;
  --type-display-line-height: 1.1;
  --type-display-tracking: 0em;
  --type-heading-small-family: Bacalar, system-ui, sans-serif;
  --type-heading-small-size: clamp(20px, 1.6667vw, 32px);
  --type-heading-small-weight: 400;
  --type-heading-small-line-height: 1.1;
  --type-heading-small-tracking: 0em;
  --type-headline-long-family: Roboto, system-ui, sans-serif;
  --type-headline-long-size: clamp(16px, 1.6667vw, 32px);
  --type-headline-long-weight: 700;
  --type-headline-long-line-height: 1.2;
  --type-headline-long-tracking: 0.15em;
  --type-body-family: Roboto, system-ui, sans-serif;
  --type-body-size: clamp(16px, 1.4583vw, 28px);
  --type-body-weight: 500;
  --type-body-line-height: 1.2;
  --type-body-tracking: 0em;
  --type-body-small-family: Roboto, system-ui, sans-serif;
  --type-body-small-size: clamp(16px, 1.0938vw, 21px);
  --type-body-small-weight: 500;
  --type-body-small-line-height: 1.2;
  --type-body-small-tracking: 0em;
  --type-label-family: Roboto, system-ui, sans-serif;
  --type-label-size: clamp(14px, 1.4583vw, 28px);
  --type-label-weight: 700;
  --type-label-line-height: 1.2;
  --type-label-tracking: 0.3em;
  --ease: cubic-bezier(.76,0,.24,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --gradient-brand: linear-gradient(90deg, var(--color-accent-alt), var(--color-brand-indigo), var(--color-brand-cobalt), var(--color-accent));
}

/* Role classes. Bacalar is always uppercase (brand rule). */
.t-eyebrow{font-family:var(--type-eyebrow-family);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);line-height:var(--type-eyebrow-line-height);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase}
.t-display{font-family:var(--type-display-family);font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-line-height);letter-spacing:var(--type-display-tracking);text-transform:uppercase}
.t-heading-small{font-family:var(--type-heading-small-family);font-size:var(--type-heading-small-size);font-weight:var(--type-heading-small-weight);line-height:var(--type-heading-small-line-height);letter-spacing:var(--type-heading-small-tracking);text-transform:uppercase}
.t-headline-long{font-family:var(--type-headline-long-family);font-size:var(--type-headline-long-size);font-weight:var(--type-headline-long-weight);line-height:var(--type-headline-long-line-height);letter-spacing:var(--type-headline-long-tracking);text-transform:uppercase}
.t-body{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}
.t-body-small{font-family:var(--type-body-small-family);font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}
.t-label{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);letter-spacing:var(--type-label-tracking);text-transform:uppercase}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}