/* Nexus ReGen — Tailwind v4 theme.
   Drop into a Tailwind v4 project alongside `@import "tailwindcss";`,
   e.g. `@import "https://brand.nexusregen.com/tailwind-theme.css";`
   to get utilities like `bg-brand-600`, `text-accent-400`,
   `shadow-md`, `rounded-xl`, `font-sans` etc. */

@theme {
  /* Colours */
  --color-brand-25: #F8F9FC;
  --color-brand-50: #F1F2F9;
  --color-brand-100: #DDDFE9;
  --color-brand-200: #B4B7D4;
  --color-brand-300: #8488B6;
  --color-brand-400: #5558A0;
  --color-brand-500: #2A2D78;
  --color-brand-600: #121541;
  --color-brand-700: #0E1034;
  --color-brand-800: #0A0C28;
  --color-brand-900: #06081C;
  --color-brand-950: #03040E;

  --color-accent-25: #FFFDE8;
  --color-accent-50: #FEF8B8;
  --color-accent-100: #FDF17D;
  --color-accent-200: #FCEB55;
  --color-accent-300: #FDE033;
  --color-accent-400: #F7EC33;
  --color-accent-500: #E0D420;
  --color-accent-600: #B8AC10;
  --color-accent-700: #8A7F0A;
  --color-accent-800: #5A5405;
  --color-accent-900: #2E2B02;

  --color-neutral-25: #FCFCFD;
  --color-neutral-50: #F9FAFB;
  --color-neutral-100: #F2F4F7;
  --color-neutral-200: #EAECF0;
  --color-neutral-300: #D0D5DD;
  --color-neutral-400: #98A2B3;
  --color-neutral-500: #667085;
  --color-neutral-600: #475467;
  --color-neutral-700: #344054;
  --color-neutral-800: #1D2939;
  --color-neutral-900: #101828;
  --color-neutral-950: #0C111D;

  --color-success: #17B26A;
  --color-warning: #F79009;
  --color-error: #F04438;

  --color-dodger: #1E96FC;
  --color-signal: #FF331F;
  --color-pine: #17301C;
  --color-humus: #484538;

  /* Typography */
  --font-sans: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;

  /* Shadow */
  --shadow-xs: 0 1px 2px rgba(16,24,40,.05);
  --shadow-sm: 0 1px 3px rgba(16,24,40,.10), 0 1px 2px -1px rgba(16,24,40,.10);
  --shadow-md: 0 4px 6px -1px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.06);
  --shadow-lg: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);
  --shadow-xl: 0 20px 24px -4px rgba(16,24,40,.08), 0 8px 8px -4px rgba(16,24,40,.03);
  --shadow-2xl: 0 24px 48px -12px rgba(16,24,40,.18);
  --shadow-3xl: 0 32px 64px -12px rgba(16,24,40,.14);
}