@font-face {
  font-family: "Sofia Sans Extra Condensed";
  src: url("/assets/fonts/SofiaSansExtraCondensed.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/InstrumentSans.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
:root, [data-theme="sala"] {
  color-scheme: dark;
  --background-canvas: #080A10;
  --background-alternate: #0C0F17;
  --surface-base: #11141D;
  --surface-alternate: #181C27;
  --surface-high: #222735;
  --border-default: #2B3142;
  --text-primary: #F4EFE6;
  --text-secondary: #AEB2C0;
  --text-tertiary: #8389A0;
  --action-primary: #F2B35B;
  --action-primaryAlt: #FFCB80;
  --action-secondary: #A9BFE6;
  --action-accent: #E6CFA8;
  --state-success: #6FD3A6;
  --state-warning: #F2D27A;
  --state-danger: #FF8A7E;
  --focus-ring: #FFD9A0;
  --gradient-start: #FFE2AE;
  --gradient-middle: #F2B35B;
  --gradient-end: #B7742F;
  --navigation-background: #0A0C13;
  --shadow-base: #000000;
  --border-strong: #69728A;
  --text-onPrimary: #1A1104;
  --text-onMedia: #FFFFFF;
  --media-scrim: #05070C;
  --media-action: #F2B35B;
  --media-onAction: #1A1104;
  --media-pearl: #FFF4E0;
  --brand-ring: #F2B35B;
  --brand-pearl: #FFF4E0;
  --shadow-poster: 0 18px 36px -14px rgba(0, 0, 0, 0.8);
  --shadow-sheet: 0 -24px 64px -8px rgba(0, 0, 0, 0.7);
  --glow-primary: 0 10px 30px -8px rgba(242, 179, 91, 0.55);
  --edge-light: inset 0 1px 0 0 rgba(255, 236, 204, 0.32);
  --glow-pearl: 0 0 18px 2px rgba(255, 244, 224, 0.55);
}
[data-theme="madrugada"] {
  color-scheme: dark;
  --background-canvas: #000000;
  --background-alternate: #050506;
  --surface-base: #0B0B0D;
  --surface-alternate: #131316;
  --surface-high: #1C1C21;
  --border-default: #26262C;
  --text-primary: #E6DDCD;
  --text-secondary: #A69D8F;
  --text-tertiary: #8A8274;
  --action-primary: #D9A055;
  --action-primaryAlt: #E8B672;
  --action-secondary: #93A7C6;
  --action-accent: #CDB590;
  --state-success: #5CBF94;
  --state-warning: #D8C06A;
  --state-danger: #EE7A6E;
  --focus-ring: #F0C98C;
  --gradient-start: #F3D3A0;
  --gradient-middle: #D9A055;
  --gradient-end: #8E5A24;
  --navigation-background: #000000;
  --shadow-base: #000000;
  --border-strong: #6E6B72;
  --text-onPrimary: #140C02;
  --text-onMedia: #EFE7DA;
  --media-scrim: #000000;
  --media-action: #D9A055;
  --media-onAction: #140C02;
  --media-pearl: #EFE3CC;
  --brand-ring: #D9A055;
  --brand-pearl: #EFE3CC;
  --shadow-poster: 0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-sheet: 0 -1px 0 0 rgba(255, 255, 255, 0.08);
  --glow-primary: 0 8px 24px -10px rgba(217, 160, 85, 0.35);
  --edge-light: inset 0 1px 0 0 rgba(255, 236, 204, 0.18);
  --glow-pearl: 0 0 12px 1px rgba(239, 227, 204, 0.35);
}
[data-theme="entreacto"] {
  color-scheme: light;
  --background-canvas: #F1F2F5;
  --background-alternate: #E8EAEF;
  --surface-base: #FFFFFF;
  --surface-alternate: #ECEEF2;
  --surface-high: #E0E3EA;
  --border-default: #D3D7E0;
  --text-primary: #11141C;
  --text-secondary: #474E61;
  --text-tertiary: #5A6175;
  --action-primary: #8E5711;
  --action-primaryAlt: #744610;
  --action-secondary: #2F4F86;
  --action-accent: #7A5A2C;
  --state-success: #156E4D;
  --state-warning: #7C5A00;
  --state-danger: #B3312A;
  --focus-ring: #8E5711;
  --gradient-start: #F5C77E;
  --gradient-middle: #C98A35;
  --gradient-end: #8E5711;
  --navigation-background: #FFFFFF;
  --shadow-base: #A7ADBA;
  --border-strong: #7E8598;
  --text-onPrimary: #FFFFFF;
  --text-onMedia: #FFFFFF;
  --media-scrim: #05070C;
  --media-action: #F2B35B;
  --media-onAction: #1A1104;
  --media-pearl: #FFF4E0;
  --brand-ring: #8E5711;
  --brand-pearl: #11141C;
  --shadow-poster: 0 14px 30px -16px rgba(17, 20, 28, 0.4);
  --shadow-sheet: 0 -18px 48px -12px rgba(17, 20, 28, 0.25);
  --glow-primary: 0 10px 24px -12px rgba(142, 87, 17, 0.45);
  --edge-light: inset 0 1px 0 0 rgba(255, 255, 255, 0.45);
  --glow-pearl: 0 0 0 1px rgba(17, 20, 28, 0.15);
}
:root {
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-sheet: 32px;
  --radius-pill: 999px;
  --stroke-hairline: 0.5px;
  --stroke-default: 1px;
  --stroke-selected: 1.5px;
  --stroke-focus: 2px;
  --opacity-disabled: 0.42;
  --opacity-secondary: 0.72;
  --opacity-tertiary: 0.52;
  --opacity-scrim: 0.64;
  --font-display: "Sofia Sans Extra Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-ui: "Instrument Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-displayHero: 800 64px/58px var(--font-display);
  --tracking-displayHero: -0.01em;
  --font-largeTitle: 800 40px/38px var(--font-display);
  --tracking-largeTitle: 0em;
  --font-title1: 750 32px/32px var(--font-display);
  --tracking-title1: 0em;
  --font-title2: 700 26px/28px var(--font-display);
  --tracking-title2: 0em;
  --font-title3: 700 22px/24px var(--font-display);
  --tracking-title3: 0em;
  --font-numeral: 300 88px/80px var(--font-display);
  --tracking-numeral: -0.02em;
  --font-numeralSmall: 600 36px/36px var(--font-display);
  --tracking-numeralSmall: 0em;
  --font-headline: 600 17px/22px var(--font-ui);
  --tracking-headline: 0em;
  --font-body: 400 17px/24px var(--font-ui);
  --tracking-body: 0em;
  --font-callout: 500 16px/22px var(--font-ui);
  --tracking-callout: 0em;
  --font-subheadline: 400 15px/20px var(--font-ui);
  --tracking-subheadline: 0em;
  --font-footnote: 500 13px/18px var(--font-ui);
  --tracking-footnote: 0em;
  --font-caption1: 500 12px/16px var(--font-ui);
  --tracking-caption1: 0em;
  --font-caption2: 600 11px/14px var(--font-ui);
  --tracking-caption2: 0.12em;
  --motion-fast: 140ms;
  --motion-standard: 240ms;
  --motion-slow: 360ms;
  --motion-sheet: 420ms;
  --motion-spring-response: 0.32;
  --motion-spring-damping: 0.82;
  --motion-dimmer: 600ms;
  --motion-eclipse: 900ms;
  --motion-sheet-spring-response: 0.42;
  --motion-sheet-spring-damping: 0.86;
  --motion-ken-burns: 18000ms;
  --motion-ken-burns-from: 1.04;
  --motion-ken-burns-to: 1.12;
  --motion-shine-period: 2800ms;
  --motion-shine-delay: 600ms;
  --motion-sweep: 1400ms;
  --motion-stagger: 50ms;
  --motion-detail-delay: 60ms;
  --motion-detail-offset: 12;
  --motion-controls-hide: 3000ms;
  --motion-countdown: 5000ms;
  --motion-reward-rise: 1600ms;
  --motion-pulse: 2400ms;
  --motion-toast: 3000ms;
  --motion-press-scale: 0.97;
  --motion-parallax: 0.4;
  --motion-stretch: 0.06;
  --motion-drag-follow: 0.33;
  --motion-unlock-tilt-deg: 12;
  --motion-lift: 3;
  --motion-eclipse-ring: 360ms;
  --motion-eclipse-fade: 240ms;
  --motion-relight: 360ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
}