/* CPAgents design tokens — single source of truth for brand color + type. */
:root {
  --cpa-navy: #1b2a4a; /* Primary — brand blue, primary buttons, "CP" on light bg */
  --cpa-ink: #0f1b33; /* Dark surfaces — headers, footers, dark panels, hero */
  --cpa-green: #1e5c42; /* Accent — "Agents", success states, key stats */
  --cpa-tint: #f2f4f9; /* Card/section backgrounds on white */
  --cpa-text: #1a2440; /* Body text on white */
  --cpa-muted: #4e5a73; /* Secondary text — minimum contrast for body on white */
  --cpa-faint: #8792a8; /* Captions/metadata only */
  --cpa-dark-muted: #aebad1; /* Secondary text on dark surfaces */
  --cpa-paper: #ffffff; /* Pure white surfaces / cards */
  --cpa-border: #d6dce6; /* Hairline card borders */
  --cpa-green-tint: #eef5f1; /* Success banners, approved-row backgrounds */
  --cpa-font: Arial, Helvetica, 'Liberation Sans', sans-serif;
}

/* Auth / marketing chrome sitting on ink (outside paper cards) */
.cpa-on-ink-tagline {
  color: var(--cpa-dark-muted);
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
}

.cpa-on-ink-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--cpa-dark-muted);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
}

.cpa-on-ink-kicker::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 9999px;
  background: var(--cpa-green);
  flex-shrink: 0;
}

/* Primary button when the control sits on ink/navy (not on paper) */
.cpa-btn-on-ink {
  background: var(--cpa-navy);
  color: #fff;
  border: 1px solid color-mix(in srgb, #ffffff 35%, transparent);
}
.cpa-btn-on-ink:hover {
  filter: brightness(1.08);
}

/* Wordmark PNG display sizes — beat Tailwind preflight img { height:auto } */
img.cpa-logo-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
img.cpa-logo-img--nav {
  max-height: 30px !important;
}
img.cpa-logo-img--auth {
  max-height: 44px !important;
}
img.cpa-logo-img--hero {
  max-height: 72px !important;
}