/* ============================================================
   COLORS — Happy Technologies
   Warm, friendly, professional. Deep navy anchors the brand,
   sky blue is the signature accent, coral is reserved strictly
   for primary "talk to us" conversion actions.
   ============================================================ */
:root {
  /* ---- Brand core ---- */
  --primary: #1e2a4a;          /* deep navy — headings, dark sections */
  --primary-light: #2d3d66;    /* lifted navy — gradients, hovers */
  --primary-deep: #1a2744;     /* darkest navy — gradient tail */
  --navy-logo: #262261;        /* mascot navy — logo / illustration ink */
  --dark: #1a1a2e;             /* near-black navy — dark section tail */

  /* ---- Sky blue (signature accent) ---- */
  --secondary: #5cc3fb;        /* sky blue — primary accent */
  --accent: #5cc3fb;
  --accent-light: #7ad0fc;     /* lighter sky — hovers, highlights */
  --accent-bright: #5ec1fb;    /* logo sky blue */
  --accent-bg: rgba(92, 195, 251, 0.08);  /* tinted chip / icon wells */
  --accent-text: #16699a;      /* darker sky — accessible text/links on light */
  --accent-text-hover: #135e89;

  /* ---- Coral (conversion only) ---- */
  --coral: #be574a;            /* coral — reserved for "talk to us" CTAs (AA on white) */
  --coral-dark: #a94a3e;       /* coral hover */
  --coral-bg: rgba(255, 117, 100, 0.1);

  /* ---- Surfaces ---- */
  --white: #ffffff;
  --warm-bg: #f5f8fb;          /* page background — cool warm white */
  --warm-bg-alt: #edf2f7;      /* alternating section background */

  /* ---- Neutral gray ramp ---- */
  --gray-100: #f0f4f8;
  --gray-200: #dce4ed;         /* default card border */
  --gray-300: #c7d2de;
  --gray-600: #4a5568;         /* body text */
  --gray-800: #2d3748;         /* strong body text */

  /* ---- Product accents (sub-brands) ---- */
  --product-pulseplus: #6366f1;   /* indigo */
  --product-gdpr: #0b7a55;        /* green (AA on light) */
  --product-happypath: #1a7fb8;   /* sky (uses accent-text) */
  --product-servicenow-mcp: #0c7b71; /* teal (AA on light) */

  /* ---- Semantic feedback ---- */
  --success: #0b7a55;
  --success-bg: rgba(16, 185, 129, 0.1);
  --warning: #f5a623;
  --warning-bg: rgba(245, 166, 35, 0.1);
  --danger: #f0604e;
  --danger-bg: rgba(240, 96, 78, 0.1);
  --info: var(--accent-text);
  --info-bg: var(--accent-bg);

  /* ---- Semantic surface / text aliases ---- */
  --surface-page: var(--warm-bg);
  --surface-card: var(--white);
  --surface-alt: var(--warm-bg-alt);
  --surface-inverse: var(--primary);
  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --text-heading: var(--primary);
  --text-body: var(--gray-600);
  --text-strong: var(--gray-800);
  --text-link: var(--accent-text);
  --text-on-dark: rgba(255, 255, 255, 0.9);

  /* ---- Legacy inline-style aliases (kept for parity with site) ---- */
  --color-primary: var(--primary);
  --color-secondary: var(--secondary);
  --color-accent: var(--accent);
  --color-accent-text: var(--accent-text);
  --color-dark: var(--dark);
  --color-text: var(--gray-800);
  --color-text-light: var(--gray-600);
  --color-light: var(--warm-bg-alt);
  --color-white: var(--white);
}