/*
 * Marketing Engine Theme Overrides
 * Applies dark green theme colors to match nmux-marketing.vercel.app
 * Uses HSL format for consistency with Tailwind config
 */

:root {
  /* Marketing-specific color palette in HSL format */
  /* Background colors */
  --background: 150 29% 2%;           /* Very dark greenish-black: rgb(3, 7, 5) */
  --foreground: 80 12% 85%;           /* Light grayish-green: rgb(219, 222, 212) */

  /* Card colors */
  --card: 0 0% 5%;                    /* Dark gray for cards: rgb(12, 13, 13) */
  --card-foreground: 80 12% 85%;      /* Light text on cards: rgb(219, 222, 212) */

  /* Border colors */
  --border: 0 0% 10%;                 /* Default border: rgb(25, 26, 26) */
  --border-dark: 0 0% 10%;            /* Slightly lighter gray border: rgb(25, 26, 26) */
  --border-light: 0 0% 17%;           /* Even lighter border for hover: rgb(43, 44, 44) */

  /* Primary colors */
  --primary: 144 43% 57%;             /* Mid-point of gradient: rgb(96, 195, 132) */
  --primary-dark: 145 45% 35%;        /* Dark green for buttons: rgb(49, 129, 79) */
  --primary-light: 144 43% 57%;       /* Light green: rgb(96, 195, 132) */
  --primary-foreground: 150 29% 2%;   /* Dark text on primary: rgb(3, 7, 5) */

  /* Secondary colors */
  --secondary: 0 0% 15%;              /* Dark gray: rgb(38, 38, 38) */
  --secondary-foreground: 80 12% 85%; /* Light text: rgb(219, 222, 212) */

  /* Accent colors */
  --accent: 144 43% 57%;              /* Green accent: rgb(96, 195, 132) */
  --accent-foreground: 150 29% 2%;    /* Dark text on accent: rgb(3, 7, 5) */

  /* Utility colors */
  --ring: 144 43% 57%;                /* Focus ring: rgb(96, 195, 132) */
  --input: 0 0% 10%;                  /* Input border */
  --muted: 0 0% 15%;                  /* Muted backgrounds */
  --muted-foreground: 0 0% 63%;       /* Muted text: rgb(161, 161, 161) */
  --popover: 0 0% 5%;                 /* Popover background */
  --popover-foreground: 80 12% 85%;   /* Popover text */
  --destructive: 0 84% 60%;           /* Destructive/error color */
  --destructive-foreground: 0 0% 98%; /* Text on destructive */

  /* Border radius system */
  --radius: 0.5rem;                   /* 8px default radius */

  /* Font family variables */
  --font-inter: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-trim-mono: 'Trim Mono', ui-monospace, monospace;
  --font-trim-sans: 'Trim', ui-sans-serif, system-ui, sans-serif;
}

/* Note: Most utility classes are now handled by Tailwind with CSS variables */
/* Only custom marketing-specific utilities remain below */

/* Smooth scrolling for anchor links */
html.scroll-smooth {
  scroll-behavior: smooth;
}