/* GENERATED by scripts/design/build_tokens.mjs from design-system/tokens.json — do not edit by hand. */
/* ViFi pages only: the legacy Track Curator :root stays in design-system/src/tokens.css. */

/* ViFi — opt in with <html data-product="vifi">. Text on --vifi-pink uses --vifi-action-label (ink). */
:root[data-product="vifi"]{
  --vifi-pink:#FF4F9A;
  --vifi-ink:#1B1720;
  --vifi-cream:#F5F5F2;
  --vifi-canvas:#110E15;
  --vifi-bg:#110E15;
  --vifi-surface:#1A151F;
  --vifi-surface-raised:#201A27;
  --vifi-text:#F6F1F7;
  --vifi-text-secondary:#D4C8DA;
  --vifi-text-muted:#B7ADBF;
  --vifi-divider:#39323F;
  --vifi-border:#4B4152;
  --vifi-accent:#FF4F9A;
  --vifi-action-label:#1B1720;
  --vifi-focus:#FF8DBF;
  --vifi-error:#FF8A5C;
  --vifi-destructive:#FF6A3D;
  --vifi-warning:#FFB547;
  --vifi-disabled-surface:#2A2431;
  --vifi-disabled-text:#8E8496;
  --vifi-truth-scheduled:#8EB4FF;
  --vifi-truth-observed:#F4C95D;
  --vifi-truth-verified:#76E6A5;
  --vifi-truth-stale:#C9AE86;
  --vifi-truth-approximate:#7FD3E0;
  --vifi-truth-unavailable:#8E8496;
  --vifi-font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  --vifi-border-strong:#7E7287;
  --vifi-accent-text:#FF4F9A;
  --vifi-seasonal-accent:#FFA05B;
  --vifi-black:#000000;
  --vifi-white:#FFFFFF;
  --vifi-tint-pink-line:#A55079;
  --vifi-tint-control-line:#65516E;
  --vifi-tint-detail-sheet:#151019;
  --vifi-tint-field-surface:#211C27;
  --vifi-tint-poster-backdrop:#080709;
  --vifi-tint-backdrop:#08060C;
  --vifi-tint-skip-link:#211A29;
  --vifi-tint-media-fallback:#302032;
  --vifi-tint-media-fallback-text:#DC9BBD;
  --vifi-tint-media-fallback-artist-text:#FABBDA;
  --vifi-tint-close-pressed:#443349;
  --vifi-tint-like-glow:#F41B75;
  --vifi-tint-auth-input:#242127;
  --vifi-tint-auth-input-line:#777777;
  --vifi-tint-auth-dialog-line:#555555;
  --vifi-tint-map-canvas:#0D0B10;
  --vifi-tint-map-grid:#17131C;
  --vifi-tint-map-grid-line:#29232F;
  --vifi-tint-map-pin:#211925;
  --vifi-tint-map-group:#4C1531;
  --vifi-tint-map-cluster-line:#785369;
  --vifi-tint-map-preview-art:#42314E;
  --vifi-tint-location:#4AA3FF;
  --vifi-tint-location-strong:#258CFF;
  --vifi-tint-location-ring:#164F8C;
  --vifi-tint-directions-line:#61566B;
  --vifi-tint-community-viewer:#0B090D;
  --vifi-tint-community-video-start:#3A1F3A;
  --vifi-tint-community-video-end:#1D2340;
  --vifi-tint-community-verified-text:#0F2A1B;
  --vifi-tint-community-promo-text:#2B1B00;
  --vifi-tint-halloween-glow:#7734A5;
  --vifi-tint-halloween-title-shadow:#753950;
  --vifi-tint-halloween-map:#17131E;
  --vifi-tint-halloween-district-line:#6D5772;
  --vifi-tint-halloween-pin-label:#201827;
  --vifi-tint-halloween-cluster:#382036;
  --vifi-tint-halloween-poster:#08070A;
  --vifi-tint-halloween-badge-line:#675077;
  --vifi-tint-halloween-orange-line:#885333;
  --vifi-tint-halloween-pink:#FF91BA;
  --vifi-tint-halloween-selected:#49303E;
  --vifi-tint-halloween-chat-failed:#FFB09B;
  --vifi-tint-halloween-chat-card-line:#766180;
  --vifi-tint-halloween-chat-card-text:#FFB6D0;
  --vifi-tint-halloween-medal-gold:#FFD778;
  --vifi-tint-halloween-medal-silver:#DCE7F0;
  --vifi-tint-halloween-medal-bronze:#E8AD87;
  --vifi-tint-halloween-discovery-line:#514854;
  --vifi-tint-halloween-discovery-button:#28212E;
  --vifi-tint-halloween-discovery-text:#B9B1C0;
  --vifi-tint-halloween-entry:#2D211B;
  --vifi-tint-halloween-entry-hover:#413024;
  --vifi-tint-halloween-entry-active:#563C29;
  --vifi-tint-halloween-entry-line:#704728;
  --vifi-tint-halloween-entry-text:#FFCA96;
  --vifi-tint-halloween-entry-active-text:#FFDFBD;
  --vifi-tint-halloween-like:#FF922E;
  --vifi-tint-halloween-like-rib:#823400;
  --vifi-tint-city-muted:#B9B1BF;
  --vifi-tint-city-line:#2B2433;
  --vifi-tint-weekly-muted:#9C97A3;
  --vifi-tint-weekly-line:#2B2531;
  --vifi-tint-weekly-title:#D9D5DE;
  --vifi-tint-first-screen-map:#15111A;
  --vifi-tint-first-screen-map-line:#241D2B;
  --vifi-font-size-caption:12px;
  --vifi-font-size-label:14px;
  --vifi-font-size-body:16px;
  --vifi-font-size-title:18px;
  --vifi-font-size-heading:22px;
  --vifi-font-size-display:28px;
  --vifi-font-size-hero:36px;
  --vifi-line-height-caption:16px;
  --vifi-line-height-label:20px;
  --vifi-line-height-body:24px;
  --vifi-line-height-title:24px;
  --vifi-line-height-heading:28px;
  --vifi-line-height-display:34px;
  --vifi-line-height-hero:42px;
  --vifi-font-weight-regular:400;
  --vifi-font-weight-medium:500;
  --vifi-font-weight-semibold:600;
  --vifi-font-weight-bold:700;
  --vifi-space-xxs:4px;
  --vifi-space-xs:8px;
  --vifi-space-sm:12px;
  --vifi-space-md:16px;
  --vifi-space-lg:20px;
  --vifi-space-xl:24px;
  --vifi-space-xxl:32px;
  --vifi-space-xxxl:48px;
  --vifi-radius-sm:4px;
  --vifi-radius-md:8px;
  --vifi-radius-lg:12px;
  --vifi-radius-xl:20px;
  --vifi-radius-pill:999px;
  --vifi-touch-min:44px;
  --vifi-control-sm:32px;
  --vifi-control-md:44px;
  --vifi-control-lg:52px;
  --vifi-fab-size:56px;
  --vifi-avatar-sm:32px;
  --vifi-avatar-md:40px;
  --vifi-icon-size:20px;
  --vifi-duration-fast:120ms;
  --vifi-duration-base:200ms;
  --vifi-duration-slow:280ms;
  --vifi-ease-standard:cubic-bezier(0.2, 0, 0, 1);
  --vifi-ease-enter:cubic-bezier(0.05, 0.7, 0.1, 1);
  --vifi-ease-exit:cubic-bezier(0.3, 0, 1, 1);
  --vifi-shadow-card:0 1px 2px rgba(0, 0, 0, 0.4);
  --vifi-shadow-overlay:0 8px 24px rgba(0, 0, 0, 0.45);
  --vifi-shadow-sheet:0 -12px 32px rgba(0, 0, 0, 0.5);
  --vifi-scrim:rgba(17, 14, 21, 0.72);
  --vifi-z-raised:1;
  --vifi-z-sticky:100;
  --vifi-z-fab:200;
  --vifi-z-scrim:300;
  --vifi-z-sheet:400;
  --vifi-z-popover:500;
  --vifi-z-toast:600;
  --vifi-z-skip-link:1000;
  --vifi-safe-top:env(safe-area-inset-top, 0px);
  --vifi-safe-right:env(safe-area-inset-right, 0px);
  --vifi-safe-bottom:env(safe-area-inset-bottom, 0px);
  --vifi-safe-left:env(safe-area-inset-left, 0px);
  --vifi-fab-offset:calc(16px + env(safe-area-inset-bottom, 0px));
}

/* ViFi light theme — opt in with <html data-product="vifi" data-theme="light">. Dark stays the default. */
:root[data-product="vifi"][data-theme="light"]{
  --vifi-canvas:#F5F5F2;
  --vifi-bg:#F5F5F2;
  --vifi-surface:#FFFFFF;
  --vifi-surface-raised:#EEEAF0;
  --vifi-text:#1B1720;
  --vifi-text-secondary:#3F3747;
  --vifi-text-muted:#5E5567;
  --vifi-divider:#E2DCE5;
  --vifi-border:#CFC7D4;
  --vifi-focus:#C2185B;
  --vifi-error:#B3361A;
  --vifi-destructive:#B3361A;
  --vifi-warning:#8A5800;
  --vifi-disabled-surface:#E6E1E9;
  --vifi-disabled-text:#776D7F;
  --vifi-truth-scheduled:#2D57C8;
  --vifi-truth-observed:#7F5F00;
  --vifi-truth-verified:#1B7443;
  --vifi-truth-stale:#76603E;
  --vifi-truth-approximate:#17707C;
  --vifi-truth-unavailable:#6A6172;
  --vifi-accent-text:#C2185B;
  --vifi-seasonal-accent:#A8501A;
}