/* MpactNet design tokens — CSS custom properties (light + dark).
   GENERATED OUTPUT of design-tokens/tokens.json. Do not edit by hand;
   change tokens.json and regenerate. Verified WCAG 2.1 AA.
   Consumed by the website today; the CRM will consume the same tokens
   from packages/tokens once the monorepo is scaffolded. */

:root {
  /* brand */
  --primary: #7C3AED;
  --primary-light: #8B5CF6;
  --primary-dark: #6D28D9;
  --primary-ghost: #F5F3FF;
  --on-primary: #FFFFFF;
  --accent: #06B6D4;

  /* status */
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;

  /* surfaces */
  --bg: #FAFAFF;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --border: #E4DEFF;
  --border-light: #EDEAFF;

  /* text */
  --text-primary: #1A1033;
  --text-secondary: #6B6280;
  --text-muted: #736D85;

  /* chips (primaryGhost background + onPrimaryGhost text) */
  --chip-bg: #F5F3FF;
  --chip-text: #6D28D9;

  /* site-specific composition */
  --header-bg: rgba(250, 250, 255, 0.85);
  --trust-bg: #1A1033;
  --cta-from: #7C3AED;      /* CTA banner stays brand-purple in both themes */
  --cta-to: #6D28D9;
  --cta-on: #6D28D9;        /* text on the white button inside the CTA banner */

  /* shadows (light theme: subtle violet tint) */
  --shadow: 0 4px 24px rgba(124, 58, 237, 0.08);
  --shadow-lg: 0 16px 48px rgba(124, 58, 237, 0.14);

  /* layout */
  --radius: 16px;
  --radius-sm: 10px;
  --maxw: 1120px;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --primary: #A78BFA;
  --primary-light: #C4B5FD;
  --primary-dark: #8B5CF6;
  --primary-ghost: #2E1065;
  --on-primary: #1A1033;
  --accent: #22D3EE;

  --success: #34D399;
  --warning: #FBBF24;
  --danger: #F87171;

  --bg: #0C0A14;
  --surface: #16132A;
  --surface-raised: #1E1A36;
  --border: #2A2548;
  --border-light: #211D3A;

  --text-primary: #EDE9FF;
  --text-secondary: #A09BB4;
  --text-muted: #8A84A0;

  --chip-bg: #2E1065;
  --chip-text: #C4B5FD;

  --header-bg: rgba(12, 10, 20, 0.85);
  --trust-bg: #1E1A36;
  /* --cta-from / --cta-to / --cta-on inherit from :root (CTA stays brand-purple) */

  --shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);

  color-scheme: dark;
}