/* Generated by scripts/build-design-tokens.mjs. Edit tokens.json. */
@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --brand-50: #FFF1F4;
  --brand-100: #FFE4EA;
  --brand-200: #FFD6DE;
  --brand-300: #FFA1B5;
  --brand-400: #FF6B86;
  --brand-500: #FF2D55;
  --brand-600: #D41443;
  --brand-700: #B51037;
  --brand-800: #950F31;
  --brand-900: #7E102E;
  --brand-950: #470519;
  --neutral-0: #FFFFFF;
  --neutral-50: #F8FAFC;
  --neutral-100: #F1F2F5;
  --neutral-200: #E5E7EB;
  --neutral-300: #D6D9E0;
  --neutral-400: #B1B1BC;
  --neutral-500: #787880;
  --neutral-600: #575765;
  --neutral-700: #393940;
  --neutral-800: #292930;
  --neutral-850: #1F1F24;
  --neutral-900: #141418;
  --neutral-950: #0B0B0F;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 999px;
  --type-display: clamp(2.5rem,5vw,4rem);
  --type-h1: clamp(1.875rem,3vw,2.75rem);
  --type-h2: 1.5rem;
  --type-h3: 1.25rem;
  --type-h4: 1.125rem;
  --type-subtitle: 1.125rem;
  --type-body-large: 1.125rem;
  --type-body: 1rem;
  --type-body-small: 0.875rem;
  --type-label: 0.875rem;
  --type-caption: 0.75rem;
  --type-overline: 0.75rem;
  --motion-fast: 120ms;
  --motion-normal: 180ms;
  --motion-slow: 250ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --z-base: 0;
  --z-sticky: 20;
  --z-dropdown: 40;
  --z-overlay: 80;
  --z-modal: 100;
  --z-toast: 120;
  --shadow-sm: 0 2px 8px #00000014;
  --shadow-md: 0 12px 32px #00000020;
  --shadow-overlay: 0 24px 64px #00000038;
  --font-heading: Montserrat, Inter, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --surface-solid: var(--surface);
  --ui-primary: var(--primary);
  --ui-accent: var(--accent);
  --ui-hover: var(--surface-raised);
  --button-text: var(--primary-text);
  --light-page: var(--page);
  --light-surface: var(--surface);
  --light-surface-soft: var(--surface-soft);
  --light-border: var(--border);
  --light-text: var(--text);
  --light-muted: var(--muted);
  --light-accent: var(--accent);
  --light-accent-soft: var(--accent-soft);
  --blue: var(--accent);
  --blue-bright: var(--accent);
  --album-muted: var(--muted);
  --album-border: var(--border);
  --album-surface: var(--surface);
  --page: #0B0B0F;
  --surface: #1F1F24;
  --surface-raised: #292930;
  --surface-soft: #141418;
  --text: #FFFFFF;
  --text-secondary: #E5E7EB;
  --muted: #B1B1BC;
  --border: #393940;
  --control-border: #787880;
  --accent: #FF6B86;
  --accent-soft: #35131F;
  --primary: #FF2D55;
  --primary-hover: #FF6B86;
  --primary-text: #0B0B0F;
  --focus: #FF6B86;
  --success: #86EFAC;
  --success-soft: #102B1D;
  --warning: #FDE68A;
  --warning-soft: #312713;
  --danger: #FDA4AF;
  --danger-soft: #341820;
  --info: #93C5FD;
  --info-soft: #152A40;
  --scrim: #0B0B0FE0;
  color-scheme: dark;
}
:root[data-theme="light"]{
  --page: #F8FAFC;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-soft: #F1F2F5;
  --text: #0B0B0F;
  --text-secondary: #393940;
  --muted: #575765;
  --border: #D6D9E0;
  --control-border: #737780;
  --accent: #B51037;
  --accent-soft: #FFD6DE;
  --primary: #D41443;
  --primary-hover: #B51037;
  --primary-text: #FFFFFF;
  --focus: #B51037;
  --success: #166534;
  --success-soft: #DCFCE7;
  --warning: #854D0E;
  --warning-soft: #FEF3C7;
  --danger: #9F1239;
  --danger-soft: #FFE4E6;
  --info: #1E40AF;
  --info-soft: #DBEAFE;
  --scrim: #0B0B0FA6;
  color-scheme: light;
}