/* Landing-page color palette for legal pages only.
   Keeps existing layout/typography from `public.css` and only remaps colors. */

:root {
  /* Map "gh" design tokens to Kognits landing tokens */
  --gh-dark-navy: #1A2B4C;      /* --kg-primary */
  --gh-primary-navy: #1A2B4C;   /* --kg-primary */
  --gh-soft-navy: #004B50;      /* --kg-primary-2 */
  --gh-medical-blue: #1A2B4C;   /* heading/link base */
  --gh-success: #40E0D0;        /* --kg-accent */
  --gh-whatsapp: #40E0D0;       /* accent */
}

/* Hero + badges */
.gh-hero {
  background: linear-gradient(135deg, var(--gh-dark-navy), var(--gh-soft-navy));
}

.gh-badge {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
}

/* Links */
.gh-card a {
  color: var(--gh-soft-navy);
}

.gh-card a:hover,
.gh-card a:focus {
  color: var(--gh-dark-navy);
}

/* Callouts */
.gh-callout {
  border-left-color: var(--gh-soft-navy);
}

.gh-callout--success {
  border-left-color: var(--gh-success);
}