/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Raycast - Your shortcut to everything
   2026-06-25T08:25:22.096Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(0 100% 97%);
  --color-primary-100: hsl(0 100% 94%);
  --color-primary-200: hsl(0 100% 86%);
  --color-primary-300: hsl(0 100% 76%);
  --color-primary-400: hsl(0 100% 64%);
  --color-primary-500: hsl(0 100% 50%);
  --color-primary-600: hsl(0 100% 40%);
  --color-primary-700: hsl(0 100% 32%);
  --color-primary-800: hsl(0 100% 24%);
  --color-primary-900: hsl(0 100% 16%);
  --color-primary-950: hsl(0 100% 10%);
  --color-primary: #ff6363;
  --color-secondary-50: hsl(201 100% 97%);
  --color-secondary-100: hsl(201 100% 94%);
  --color-secondary-200: hsl(201 100% 86%);
  --color-secondary-300: hsl(201 100% 76%);
  --color-secondary-400: hsl(201 100% 64%);
  --color-secondary-500: hsl(201 100% 50%);
  --color-secondary-600: hsl(201 100% 40%);
  --color-secondary-700: hsl(201 100% 32%);
  --color-secondary-800: hsl(201 100% 24%);
  --color-secondary-900: hsl(201 100% 16%);
  --color-secondary-950: hsl(201 100% 10%);
  --color-secondary: #8cd6ff;
  --color-accent-50: hsl(202 100% 97%);
  --color-accent-100: hsl(202 100% 94%);
  --color-accent-200: hsl(202 100% 86%);
  --color-accent-300: hsl(202 100% 76%);
  --color-accent-400: hsl(202 100% 64%);
  --color-accent-500: hsl(202 100% 50%);
  --color-accent-600: hsl(202 100% 40%);
  --color-accent-700: hsl(202 100% 32%);
  --color-accent-800: hsl(202 100% 24%);
  --color-accent-900: hsl(202 100% 16%);
  --color-accent-950: hsl(202 100% 10%);
  --color-accent: #56c2ff;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #6a6b6c;
  --color-neutral-200: #9c9c9d;
  --color-neutral-300: #434345;
  --color-neutral-400: #e6e6e6;
  --color-neutral-500: #2f3031;
  --color-neutral-600: #1b1c1e;
  --color-neutral-700: #8e8c90;
  --color-neutral-800: #111214;
  --color-background: #07080a;
  --color-foreground: #ffffff;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: "GeistMono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 45px;
  --spacing-3: 56px;
  --spacing-4: 64px;
  --spacing-5: 72px;
  --spacing-6: 80px;
  --spacing-7: 96px;
  --spacing-8: 102px;
  --spacing-9: 120px;
  --spacing-10: 128px;
  --spacing-11: 137px;
  --spacing-12: 148px;
  --radius-sm: 2px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 11px;
  --radius-2xl: 16px;
  --radius-full: 19px;
  --shadow-sm: rgba(0, 0, 0, 0.5) 0px 0px 0px 2px, rgba(255, 255, 255, 0.19) 0px 0px 14px 0px, rgba(0, 0, 0, 0.2) 0px -1px 0.4px 0px inset, rgb(255, 255, 255) 0px 1px 0.4px 0px inset;
  --shadow-md: rgb(27, 28, 30) 0px 0px 0px 1px, rgb(7, 8, 10) 0px 0px 0px 1px inset;
  --shadow-lg: rgba(0, 0, 0, 0.2) 0px 0px 1px 0px, rgba(0, 0, 0, 0.17) 0px 2px 2px 0px, rgba(0, 0, 0, 0.1) 0px 4px 3px 0px, rgba(0, 0, 0, 0.03) 0px 7px 3px 0px, rgba(0, 0, 0, 0) 0px 12px 3px 0px, rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
  --shadow-xl: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset;
  --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); }
}