/* Generated from src/constants/theme.ts by site/build.ts. Do not edit. */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/BricolageGrotesque24pt-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/BricolageGrotesque24pt-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/BricolageGrotesque24pt-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/Inter-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/Inter-Bold.ttf') format('truetype');
}
:root {
  color-scheme: light dark;
  --font-display: 'Bricolage Grotesque', ui-rounded, system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-sheet: 28px;
  --r-pill: 999px;
  --bg: #F7F4FF;
  --bg-deep: #EDE7FF;
  --surface: #FFFFFF;
  --surface-2: #EFEAFF;
  --surface-3: #E3DBFF;
  --line: #E0D8F8;
  --card-stroke: #DDD4F7;
  --stroke: #1B1640;
  --shadow-hard: #1B1640;
  --text: #1B1640;
  --text-2: #544C7A;
  --text-3: #6E6693;
  --you: #6C47FF;
  --you-ink: #5B37EB;
  --you-soft: #E9E2FF;
  --you-fill: #5B37EB;
  --on-you-fill: #FFFFFF;
  --opp: #FF7A59;
  --opp-ink: #B8401F;
  --opp-soft: #FFE6DD;
  --on-opp: #2B0D04;
  --lights: #FFD54A;
  --on-lights: #1B1640;
  --lights-soft: #FFF4CC;
  --cite: #FFD54A8C;
  --success: #11795A;
  --success-soft: #DDF6EC;
  --danger: #C8203F;
  --danger-soft: #FDE3E8;
  --focus: #5B37EB;
  --mark-body: #5B37EB;
  --verified-tick: #1D9BF0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #120E2B;
    --bg-deep: #0B0820;
    --surface: #1E1844;
    --surface-2: #2A2259;
    --surface-3: #352B6E;
    --line: #2E2763;
    --card-stroke: #2E2763;
    --stroke: #4A3F94;
    --shadow-hard: #050312;
    --text: #F4F1FF;
    --text-2: #B9B0E8;
    --text-3: #9188C4;
    --you: #8B6CFF;
    --you-ink: #A58FFF;
    --you-soft: #2C2266;
    --you-fill: #6B45FF;
    --on-you-fill: #FFFFFF;
    --opp: #FF7A59;
    --opp-ink: #FF8F6F;
    --opp-soft: #3A1E33;
    --on-opp: #2B0D04;
    --lights: #FFD54A;
    --on-lights: #1B1640;
    --lights-soft: #3A3020;
    --cite: #FFD54A42;
    --success: #4BE3A0;
    --success-soft: #123A35;
    --danger: #FF6B81;
    --danger-soft: #3D1630;
    --focus: #FFD54A;
    --mark-body: #8B6CFF;
    --verified-tick: #4BA3FF;
  }
}