:root{
  /* ---- Base palette ---- */
  --cu-black:#000000;
  --cu-navy:#001B2A;
  --cu-navy-2:#002A3F;
  --cu-amber:#FEA700;
  --cu-amber-dark:#C98400;
  --cu-green:#7BE64B;
  --cu-yellow:#FFFF00;

  /* ---- Wordmark (as-built, sampled from the live logo) ---- */
  --cu-wordmark-start:#FDA901;
  --cu-wordmark-mid:#FFC702;
  --cu-wordmark-end:#FFDC01;
  --cu-wordmark-gradient:linear-gradient(90deg,var(--cu-wordmark-start) 0%,var(--cu-wordmark-mid) 50%,var(--cu-wordmark-end) 100%); /* @kind other */
  --cu-usa-grey:#BBBEBB;

  /* ---- Neutrals ---- */
  --cu-grey-1:#2B2B2B;
  --cu-grey-2:#5A5A5A;
  --cu-grey-3:#8A8A8A;
  --cu-grey-4:#B8B8B8;
  --cu-hairline:#DEDFE1;
  --cu-off-white:#F3F4F5;
  --cu-white:#FFFFFF;

  /* ---- Semantic: surfaces ---- */
  --surface-page:var(--cu-off-white);
  --surface-card:var(--cu-white);
  --surface-inverse:var(--cu-navy);
  --surface-inverse-2:var(--cu-navy-2);
  --surface-black:var(--cu-black);
  --surface-accent:var(--cu-amber);
  --surface-veil:rgba(255,255,255,0.06);

  /* ---- Semantic: text ---- */
  --text-body:var(--cu-grey-2);
  --text-strong:var(--cu-black);
  --text-muted:var(--cu-grey-3);
  --text-on-dark:var(--cu-white);
  --text-on-dark-muted:var(--cu-grey-4);
  --text-accent:var(--cu-amber);
  --text-on-accent:var(--cu-navy);
  --text-link:var(--cu-amber-dark);
  --text-link-hover:var(--cu-navy);

  /* ---- Semantic: lines & interaction ---- */
  --border-hairline:var(--cu-hairline);
  --border-strong:var(--cu-navy);
  --accent-primary:var(--cu-amber);
  --accent-primary-press:var(--cu-amber-dark);
  --accent-social:var(--cu-green);      /* WhatsApp / social CTAs */
  --accent-highlight:var(--cu-yellow);  /* punctual high-visibility only */
  --focus-ring:var(--cu-amber);
}