/**
 * CCS Design Tokens — canonical source of truth.
 * Direction A · Institutional Modern (Hanken Grotesk, deep green + amber).
 * Approved for the landing page and rolling out portal-by-portal.
 * Do not hardcode these values elsewhere — reference the tokens.
 */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

:root {
  /* Type */
  --cx-font: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Brand green ramp */
  --cx-green-dd: #0c3f26;
  --cx-green-d: #0f5130;
  --cx-green: #1a7a46;
  --cx-green-l: #22a15c;
  --cx-wash: #eaf3ee;

  /* Amber accent (decorative — not for body text on white) */
  --cx-amber: #c98a1b;
  --cx-amber-ink: #8a5e12; /* ~5:1 contrast on white, safe for text */

  /* Neutrals */
  --cx-paper: #ffffff;
  --cx-bg: #f5f8f5;
  --cx-soft: #eef4f0;
  --cx-ink: #16211b;
  --cx-body: #46524a;
  --cx-muted: #5f6d64;
  --cx-faint: #8a968e;
  --cx-line: #e4ebe6;
  --cx-line-2: #d5e0d9;

  /* Semantic (separate from brand accent) */
  --cx-ok: #146c3a;
  --cx-ok-bg: #e7f4ec;
  --cx-info: #1d5fa8;
  --cx-info-bg: #eaf1fb;
  --cx-warn: #8a5e12;
  --cx-warn-bg: #fdf5e6;
  --cx-danger: #b3352f;
  --cx-danger-bg: #fbe9e8;

  /* Elevation */
  --cx-shadow: 0 8px 24px rgba(15, 81, 48, 0.07);
  --cx-shadow-lg: 0 18px 46px rgba(15, 81, 48, 0.12);
  --cx-radius: 14px;
}