/* WE MAFIA — generated from tokens.json */
:root, [data-theme="night"] {
  --wm-night: #0a0a0a;
  --wm-surface: #141414;
  --wm-surface-2: #1f1f1f;
  --wm-surface-3: #2a2a2a;
  --wm-line: #2e2e2e;
  --wm-field-line: #6b6b6b;
  --wm-white: #ffffff;
  --wm-white-hover: #e6e6e6;
  --wm-grey: #a8a8a8;
  --wm-grey-2: #8a8a8a;
  --wm-red: #c41c18;
  --wm-red-hover: #d5201b;
  --wm-red-pressed: #a81512;
  --wm-red-glow: #540c0c;
  --wm-red-text: #ef4b43;
  --wm-champagne: #d6c7a6;
  --wm-gold: #cd8b45;
  --wm-scrim-60: #0a0a0a99;
  --wm-scrim-80: #0a0a0acc;
  --wm-success: #3fb979;
  --wm-warning: #e5a93c;
  --wm-error: #ef4b43;
  --glow-red: 0 0 120px 0 #540c0ccc;
  --glow-gold: 0 0 96px 0 #cd8b4538;
  --shadow-lamp: 0 32px 96px -24px #000000e6;
  --shadow-sheet: 0 -24px 64px -16px #000000e6;
  --focus-ring: 0 0 0 2px #0a0a0a, 0 0 0 4px #ffffff;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-0: 0px;
  --radius-1: 2px;
  --radius-full: 999px;
  --rim-width: 2px;
  --rim-glow: radial-gradient(ellipse 55% 50% at 0% 50%, #540c0ce6 0%, #540c0c00 70%);
  --spot-lamp: radial-gradient(ellipse 70% 60% at 50% 40%, #1c1c1c 0%, #141414 50%, #0a0a0a 100%);
  --spot-gold: radial-gradient(ellipse 60% 55% at 50% 60%, #2a1d10 0%, #140f0a 45%, #0a0a0a 100%);
  --spot-lamp-top: linear-gradient(to bottom, #171717 0%, #141414 40%, #0a0a0a 100%);
  --scrim-fade: linear-gradient(to bottom, #0a0a0a00 0%, #0a0a0a99 60%, #0a0a0acc 75%, #0a0a0acc 100%);
  --grain-opacity: 0.06;
  --grain-frequency: 0.8;
  --grain-tile: 160px;
  --photo-tone: grayscale(0.15) contrast(1.05);
  --tap-min: 44px;
  --control-height: 52px;
  --control-height-desktop: 48px;
  --control-height-small: 44px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --hairline: 1px;
  --icon-size: 24px;
  --icon-stroke: 1.5px;
  --avatar: 32px;
  --avatar-lg: 56px;
  --phone: 390px;
  --grid-phone-columns: 4;
  --grid-phone-margin: 16px;
  --grid-phone-gutter: 12px;
  --desktop: 1440px;
  --grid-desktop-columns: 12;
  --grid-desktop-margin: 48px;
  --grid-desktop-gutter: 24px;
  --content-max: 1280px;
  --text-max: 760px;
  --header-height: 56px;
  --header-height-desktop: 72px;
  --sidenav-width: 240px;
  --tabbar-height: 56px;
  --sheet-max-height: 92dvh;
  --z-header: 30;
  --z-bar: 40;
  --z-sheet: 50;
  --z-toast: 60;
  --motion-reveal: 480ms;
  --motion-light: 800ms;
  --motion-shift: 8px;
  --motion-stagger: 60ms;
  --motion-sheet: 280ms;
  --motion-press: 120ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-press: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-reduced: 0ms;
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-text: "Montserrat", Arial, sans-serif;
  --font-accent: "Playfair Display", Georgia, serif;
}
.display-hero { font-family: var(--font-display); font-size: 152px; line-height: 0.88; font-weight: 700; letter-spacing: -0.015em; }
.display-1 { font-family: var(--font-display); font-size: 72px; line-height: 0.9; font-weight: 700; letter-spacing: -0.01em; }
.display-2 { font-family: var(--font-display); font-size: 40px; line-height: 1; font-weight: 600; letter-spacing: 0; }
.display-3 { font-family: var(--font-display); font-size: 24px; line-height: 1.1; font-weight: 500; letter-spacing: 0.02em; }
.numeral { font-family: var(--font-display); font-size: 28px; line-height: 1; font-weight: 600; letter-spacing: 0; }
.numeral-rank { font-family: var(--font-display); font-size: 44px; line-height: 1; font-weight: 700; letter-spacing: -0.01em; }
.eyebrow { font-family: var(--font-display); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.14em; }
.display-hero-m { font-family: var(--font-display); font-size: 78px; line-height: 0.9; font-weight: 700; letter-spacing: -0.01em; }
.display-1-m { font-family: var(--font-display); font-size: 44px; line-height: 0.92; font-weight: 700; letter-spacing: -0.01em; }
.display-2-m { font-family: var(--font-display); font-size: 28px; line-height: 1; font-weight: 600; letter-spacing: 0; }
.numeral-m { font-family: var(--font-display); font-size: 24px; line-height: 1; font-weight: 600; letter-spacing: 0; }
.accent-word { font-family: var(--font-accent); font-size: 136px; line-height: 1; font-weight: 400; letter-spacing: 0; font-style: italic; }
.accent-word-m { font-family: var(--font-accent); font-size: 70px; line-height: 1; font-weight: 400; letter-spacing: 0; font-style: italic; }
.accent-quote { font-family: var(--font-accent); font-size: 28px; line-height: 1.15; font-weight: 400; letter-spacing: 0; font-style: italic; }
.body { font-family: var(--font-text); font-size: 17px; line-height: 1.55; font-weight: 400; letter-spacing: 0; }
.body-m { font-family: var(--font-text); font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: 0; }
.body-strong { font-family: var(--font-text); font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0; }
.body-small { font-family: var(--font-text); font-size: 14px; line-height: 1.45; font-weight: 400; letter-spacing: 0; }
.label { font-family: var(--font-text); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.04em; }
.button { font-family: var(--font-text); font-size: 15px; line-height: 1; font-weight: 600; letter-spacing: 0.02em; }
