/* @cohost/ui — canonical brand tokens
 * Single source of truth for color, type, and the shared loader/nav.
 * Used by static HTML (marketing) and the Next.js apps (tools, scorecard).
 * Values reconcile the portal login STRUCTURE with CoHost's canonical brand
 * (brief + marketing redesign.css + memory) — see docs/architecture/sso-ui-plan.md.
 */
:root {
  /* Brand */
  --cohost-navy: #1A2332;
  --cohost-navy-dark: #131A26;
  --cohost-orange: #EE5424;       /* primary CTA */
  --cohost-orange-deep: #E8663C;  /* hover / portal-match */
  --cohost-teal: #0E6F66;
  --cohost-cream: #F7F4EC;
  --cohost-cream-light: #FBF9F3;

  /* Neutrals / text */
  --cohost-surface: #FFFFFF;
  --cohost-text: #1A2332;
  --cohost-text-body: #3A4456;
  --cohost-text-muted: #5A6475;
  --cohost-border: rgba(26, 35, 50, 0.10);
  --cohost-border-strong: rgba(26, 35, 50, 0.18);

  /* States */
  --cohost-error: #E53E3E;
  --cohost-success: #0E6F66;

  /* Type */
  --cohost-font-head: "Inter Tight", -apple-system, system-ui, sans-serif;
  --cohost-font-body: "Inter", -apple-system, system-ui, sans-serif;
  --cohost-tracking-head: -0.02em;

  /* Shape / motion */
  --cohost-radius: 12px;
  --cohost-radius-pill: 9999px;
  --cohost-shadow: 0 1px 3px rgba(26, 35, 50, 0.06), 0 8px 24px -12px rgba(26, 35, 50, 0.12);
  --cohost-loader-color: var(--cohost-orange);
  --cohost-loader-height: 3px;

  /* App-switcher z-index (above floating headers) */
  --cohost-z-nav: 2147483000;
}