/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Application Performance Monitoring & Error Tracking Software | Sentry
   2026-06-25T08:30:25.845Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(258 40% 97%);
  --color-primary-100: hsl(258 40% 94%);
  --color-primary-200: hsl(258 40% 86%);
  --color-primary-300: hsl(258 40% 76%);
  --color-primary-400: hsl(258 40% 64%);
  --color-primary-500: hsl(258 40% 50%);
  --color-primary-600: hsl(258 40% 40%);
  --color-primary-700: hsl(258 40% 32%);
  --color-primary-800: hsl(258 40% 24%);
  --color-primary-900: hsl(258 40% 16%);
  --color-primary-950: hsl(258 40% 10%);
  --color-primary: #150f23;
  --color-secondary-50: hsl(212 100% 97%);
  --color-secondary-100: hsl(212 100% 94%);
  --color-secondary-200: hsl(212 100% 86%);
  --color-secondary-300: hsl(212 100% 76%);
  --color-secondary-400: hsl(212 100% 64%);
  --color-secondary-500: hsl(212 100% 50%);
  --color-secondary-600: hsl(212 100% 40%);
  --color-secondary-700: hsl(212 100% 32%);
  --color-secondary-800: hsl(212 100% 24%);
  --color-secondary-900: hsl(212 100% 16%);
  --color-secondary-950: hsl(212 100% 10%);
  --color-secondary: #9ecbff;
  --color-accent-50: hsl(261 29% 97%);
  --color-accent-100: hsl(261 29% 94%);
  --color-accent-200: hsl(261 29% 86%);
  --color-accent-300: hsl(261 29% 76%);
  --color-accent-400: hsl(261 29% 64%);
  --color-accent-500: hsl(261 29% 50%);
  --color-accent-600: hsl(261 29% 40%);
  --color-accent-700: hsl(261 29% 32%);
  --color-accent-800: hsl(261 29% 24%);
  --color-accent-900: hsl(261 29% 16%);
  --color-accent-950: hsl(261 29% 10%);
  --color-accent: #2d2340;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #d4d4d4;
  --color-neutral-200: #e1e4e8;
  --color-neutral-300: #6a737d;
  --color-neutral-400: #000000;
  --color-neutral-500: #1a1a1a;
  --color-neutral-600: #efefef;
  --color-neutral-700: #584674;
  --color-neutral-800: #c1c1c1;
  --color-background: #1f1633;
  --color-foreground: #000000;
  --font-sans: "Rubik", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --spacing-1: 2px;
  --spacing-2: 16px;
  --spacing-3: 20px;
  --spacing-4: 24px;
  --spacing-5: 32px;
  --spacing-6: 35px;
  --spacing-7: 40px;
  --spacing-8: 44px;
  --spacing-9: 56px;
  --spacing-10: 64px;
  --spacing-11: 72px;
  --spacing-12: 83px;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 13px;
  --radius-2xl: 16px;
  --radius-full: 50px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  --shadow-md: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px inset;
  --shadow-lg: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
  --shadow-xl: rgb(128, 128, 128) 0px 0px 5px 0px;
  --animate-duration-fast: undefined;
  --animate-duration-base: undefined;
  --animate-duration-slow: undefined;
  --animate-duration-slower: undefined;
}

/* Optional base reset that maps body/heading to the extracted tokens. */
@layer base {
  html { font-family: var(--font-sans); }
  body { background-color: var(--color-background); color: var(--color-foreground, currentColor); }
}