/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Railway | The all-in-one intelligent cloud provider
   2026-06-25T08:29:38.257Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(260 25% 97%);
  --color-primary-100: hsl(260 25% 94%);
  --color-primary-200: hsl(260 25% 86%);
  --color-primary-300: hsl(260 25% 76%);
  --color-primary-400: hsl(260 25% 64%);
  --color-primary-500: hsl(260 25% 50%);
  --color-primary-600: hsl(260 25% 40%);
  --color-primary-700: hsl(260 25% 32%);
  --color-primary-800: hsl(260 25% 24%);
  --color-primary-900: hsl(260 25% 16%);
  --color-primary-950: hsl(260 25% 10%);
  --color-primary: #59497a;
  --color-secondary-50: hsl(271 41% 97%);
  --color-secondary-100: hsl(271 41% 94%);
  --color-secondary-200: hsl(271 41% 86%);
  --color-secondary-300: hsl(271 41% 76%);
  --color-secondary-400: hsl(271 41% 64%);
  --color-secondary-500: hsl(271 41% 50%);
  --color-secondary-600: hsl(271 41% 40%);
  --color-secondary-700: hsl(271 41% 32%);
  --color-secondary-800: hsl(271 41% 24%);
  --color-secondary-900: hsl(271 41% 16%);
  --color-secondary-950: hsl(271 41% 10%);
  --color-secondary: #291839;
  --color-accent-50: hsl(271 38% 97%);
  --color-accent-100: hsl(271 38% 94%);
  --color-accent-200: hsl(271 38% 86%);
  --color-accent-300: hsl(271 38% 76%);
  --color-accent-400: hsl(271 38% 64%);
  --color-accent-500: hsl(271 38% 50%);
  --color-accent-600: hsl(271 38% 40%);
  --color-accent-700: hsl(271 38% 32%);
  --color-accent-800: hsl(271 38% 24%);
  --color-accent-900: hsl(271 38% 16%);
  --color-accent-950: hsl(271 38% 10%);
  --color-accent: #1f132a;
  --color-neutral-50: #33323e;
  --color-neutral-100: #f7f7f8;
  --color-neutral-200: #545260;
  --color-neutral-300: #a1a0ab;
  --color-neutral-400: #609f89;
  --color-neutral-500: #878593;
  --color-neutral-600: #dcdce0;
  --color-neutral-700: #000000;
  --color-background: #13111c;
  --color-foreground: #ffffff;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --spacing-1: 4px;
  --spacing-2: 60px;
  --spacing-3: 80px;
  --spacing-4: 96px;
  --spacing-5: 128px;
  --spacing-6: 159px;
  --spacing-7: 235px;
  --spacing-8: 262px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 50px;
  --radius-2xl: 9999px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1.5px inset;
  --shadow-md: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(62, 45, 45, 0.24) 0px 100px 191px 0px, rgba(62, 45, 45, 0.165) 0px 36.5016px 69.7181px 0px, rgba(62, 45, 45, 0.133) 0px 17.7209px 33.8469px 0px, rgba(62, 45, 45, 0.106) 0px 8.6871px 16.5924px 0px, rgba(62, 45, 45, 0.075) 0px 3.43489px 6.56065px 0px;
  --shadow-lg: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  --shadow-xl: rgb(204, 204, 204) 0px 0px 2px 2px;
  --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); }
}