/* GENERATED from src/theme.ts by scripts/gen-butik-theme.mjs. Do not edit. */
@font-face { font-family: "Space Grotesk"; font-weight: 700; src: url(/butik/fonts/space-grotesk-700.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "Geist"; font-weight: 400; src: url(/butik/fonts/geist-400.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "Geist"; font-weight: 500; src: url(/butik/fonts/geist-500.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "Geist"; font-weight: 600; src: url(/butik/fonts/geist-600.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "Geist"; font-weight: 700; src: url(/butik/fonts/geist-700.ttf) format("truetype"); font-display: swap; }
:root {
  --surface: #0A0E17;
  --onSurface: #F5F7FA;
  --surfaceSecondary: #131A26;
  --onSurfaceSecondary: #F5F7FA;
  --surfaceTertiary: #1B2433;
  --onSurfaceTertiary: #AEB8C8;
  --surfaceInverse: #F5F7FA;
  --onSurfaceInverse: #0A0E17;
  --muted: #8A94A6;
  --brand: #00E5FF;
  --onBrand: #04121A;
  --brandPrimary: #00E5FF;
  --onBrandPrimary: #04121A;
  --brandSecondary: #1B2433;
  --onBrandSecondary: #F5F7FA;
  --brandTertiary: #0F1B2A;
  --onBrandTertiary: #7DF3FF;
  --accentGreen: #39FF6A;
  --accentPink: #FF2BD6;
  --success: #2EE36B;
  --onSuccess: #04120A;
  --warning: #FFB020;
  --onWarning: #1A1000;
  --error: #FF4D6D;
  --onError: #FFFFFF;
  --info: #7C8BA1;
  --onInfo: #0A0E17;
  --border: #232D3D;
  --borderStrong: #33415A;
  --divider: #1A2230;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
}