/* ──────────────────────────────────────────────────────────────
   Tailwind v4 @theme — generated by designlang
   site: Mintlify - The Knowledge Platform Built for Agents
   2026-06-25T08:30:14.504Z
   Drop this above `@import "tailwindcss";`.
   ────────────────────────────────────────────────────────────── */

@import "tailwindcss";

@theme {
  --color-primary-50: hsl(36 33% 97%);
  --color-primary-100: hsl(36 33% 94%);
  --color-primary-200: hsl(36 33% 86%);
  --color-primary-300: hsl(36 33% 76%);
  --color-primary-400: hsl(36 33% 64%);
  --color-primary-500: hsl(36 33% 50%);
  --color-primary-600: hsl(36 33% 40%);
  --color-primary-700: hsl(36 33% 32%);
  --color-primary-800: hsl(36 33% 24%);
  --color-primary-900: hsl(36 33% 16%);
  --color-primary-950: hsl(36 33% 10%);
  --color-primary: #faf8f5;
  --color-secondary-50: hsl(222 100% 97%);
  --color-secondary-100: hsl(222 100% 94%);
  --color-secondary-200: hsl(222 100% 86%);
  --color-secondary-300: hsl(222 100% 76%);
  --color-secondary-400: hsl(222 100% 64%);
  --color-secondary-500: hsl(222 100% 50%);
  --color-secondary-600: hsl(222 100% 40%);
  --color-secondary-700: hsl(222 100% 32%);
  --color-secondary-800: hsl(222 100% 24%);
  --color-secondary-900: hsl(222 100% 16%);
  --color-secondary-950: hsl(222 100% 10%);
  --color-secondary: #004cff;
  --color-accent-50: hsl(12 100% 97%);
  --color-accent-100: hsl(12 100% 94%);
  --color-accent-200: hsl(12 100% 86%);
  --color-accent-300: hsl(12 100% 76%);
  --color-accent-400: hsl(12 100% 64%);
  --color-accent-500: hsl(12 100% 50%);
  --color-accent-600: hsl(12 100% 40%);
  --color-accent-700: hsl(12 100% 32%);
  --color-accent-800: hsl(12 100% 24%);
  --color-accent-900: hsl(12 100% 16%);
  --color-accent-950: hsl(12 100% 10%);
  --color-accent: #ff7a59;
  --color-neutral-50: #000000;
  --color-neutral-100: #ffffff;
  --color-neutral-200: #121715;
  --color-neutral-300: #969e9b;
  --color-neutral-400: #485450;
  --color-neutral-500: #717d79;
  --color-neutral-600: #cfcdca;
  --color-background: #f9f6f3;
  --color-foreground: #000000;
  --font-sans: "inter", system-ui, sans-serif;
  --font-mono: "paperMono", ui-monospace, monospace;
  --spacing-1: 4px;
  --spacing-2: 40px;
  --spacing-3: 48px;
  --spacing-4: 64px;
  --spacing-5: 80px;
  --spacing-6: 93px;
  --spacing-7: 104px;
  --spacing-8: 128px;
  --spacing-9: 160px;
  --spacing-10: 266px;
  --spacing-11: 290px;
  --spacing-12: 298px;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 24px;
  --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.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 169px 47px 0px, rgba(0, 0, 0, 0.01) 0px 108px 43px 0px, rgba(0, 0, 0, 0.02) 0px 61px 37px 0px, rgba(0, 0, 0, 0.03) 0px 27px 27px 0px, rgba(0, 0, 0, 0.04) 0px 7px 15px 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); }
}