/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Webflow: The agentic web platform for modern businesses
   2026-06-25T08:28:55.785Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(216 92% 97%);
  --color-primary-100: hsl(216 92% 94%);
  --color-primary-200: hsl(216 92% 86%);
  --color-primary-300: hsl(216 92% 76%);
  --color-primary-400: hsl(216 92% 64%);
  --color-primary-500: hsl(216 92% 50%);
  --color-primary-600: hsl(216 92% 40%);
  --color-primary-700: hsl(216 92% 32%);
  --color-primary-800: hsl(216 92% 24%);
  --color-primary-900: hsl(216 92% 16%);
  --color-primary-950: hsl(216 92% 10%);
  --color-primary: #146ef5;
  --color-secondary-50: hsl(216 100% 97%);
  --color-secondary-100: hsl(216 100% 94%);
  --color-secondary-200: hsl(216 100% 86%);
  --color-secondary-300: hsl(216 100% 76%);
  --color-secondary-400: hsl(216 100% 64%);
  --color-secondary-500: hsl(216 100% 50%);
  --color-secondary-600: hsl(216 100% 40%);
  --color-secondary-700: hsl(216 100% 32%);
  --color-secondary-800: hsl(216 100% 24%);
  --color-secondary-900: hsl(216 100% 16%);
  --color-secondary-950: hsl(216 100% 10%);
  --color-secondary: #6ca7ff;
  --color-accent-50: hsl(217 91% 97%);
  --color-accent-100: hsl(217 91% 94%);
  --color-accent-200: hsl(217 91% 86%);
  --color-accent-300: hsl(217 91% 76%);
  --color-accent-400: hsl(217 91% 64%);
  --color-accent-500: hsl(217 91% 50%);
  --color-accent-600: hsl(217 91% 40%);
  --color-accent-700: hsl(217 91% 32%);
  --color-accent-800: hsl(217 91% 24%);
  --color-accent-900: hsl(217 91% 16%);
  --color-accent-950: hsl(217 91% 10%);
  --color-accent: #3b82f6;
  --color-neutral-50: #080808;
  --color-neutral-100: #ffffff;
  --color-neutral-200: #5a5a5a;
  --color-neutral-300: #d8d8d8;
  --color-neutral-400: #f0f0f0;
  --color-neutral-500: #1a1a1a;
  --color-neutral-600: #6b7280;
  --color-neutral-700: #292929;
  --color-neutral-800: #464646;
  --color-neutral-900: #808080;
  --color-background: #ffffff;
  --color-foreground: #000000;
  --font-sans: "WF Visual Sans Variable", system-ui, sans-serif;
  --font-mono: "WFVisualSans-Mono", ui-monospace, monospace;
  --spacing-1: 1px;
  --spacing-2: 23px;
  --spacing-3: 31px;
  --spacing-4: 37px;
  --spacing-5: 40px;
  --spacing-6: 46px;
  --spacing-7: 56px;
  --spacing-8: 64px;
  --spacing-9: 73px;
  --spacing-10: 80px;
  --spacing-11: 88px;
  --spacing-12: 91px;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 50px;
  --radius-xl: 9999px;
  --shadow-sm: rgba(0, 0, 0, 0) 0px 0px 0px 100px inset;
  --shadow-md: rgba(0, 0, 0, 0.12) 0px 4px 24px 0px, rgba(0, 0, 0, 0.08) 0px 1px 4px 0px;
  --shadow-lg: rgba(0, 0, 0, 0) 0px 84px 24px 0px, rgba(0, 0, 0, 0.01) 0px 54px 22px 0px, rgba(0, 0, 0, 0.04) 0px 30px 18px 0px, rgba(0, 0, 0, 0.08) 0px 13px 13px 0px, rgba(0, 0, 0, 0.09) 0px 3px 7px 0px;
  --shadow-xl: rgba(0, 0, 0, 0) 0px 105px 30px 0px, rgba(0, 0, 0, 0.02) 0px 67px 27px 0px, rgba(0, 0, 0, 0.06) 0px 38px 23px 0px, rgba(0, 0, 0, 0.1) 0px 17px 17px 0px, rgba(0, 0, 0, 0.12) 0px 4px 9px 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); }
}