Everything you need to run and grow an ICC

/* ICC — Rotary Intercountry Committees · brand tokens
   Source: Brand Centre (Resources → ICC Brand Center). Edit the values, not the names. */
:root {
  /* Primary */
  --Primary-Royal-Blue: #17458F;   /* PMS 286C · CMYK 100 84 12 3 */
  --Primary-Gold:       #F7A81B;   /* PMS 130C · CMYK 0 41 100 0  */

  /* Background colours */
  --Background-Sky-Blue:    #00A2E0;
  --Background-Powder-Blue: #B9D9EB;
  --Background-Silver:      #D0CFCD;
  --Background-Smoke:       #B1B1B1;

  /* Neutrals */
  --Neutral-Black: #000000;
  --Neutral-White: #FFFFFF;

  /* Accents — use sparingly */
  --Accent-Cranberry: #D41367;
  --Accent-Violet:    #901F93;

  /* Typography */
  --icc-font-headline: 'Open Sans', Arial, sans-serif;  /* titles, headlines, subheadings, UI */
  --icc-font-body:     Georgia, 'Times New Roman', serif; /* long-form reading copy */

  /* Shape & elevation */
  --icc-radius-pill: 999px;
  --icc-radius-card: 20px;
  --icc-radius-panel: 24px;
  --icc-border: 1px solid var(--Background-Powder-Blue);
  --icc-shadow-card: 0 8px 24px rgba(23, 69, 143, 0.10);
}

/* Eyebrow label above section titles */
.icc-eyebrow {
  color: var(--Background-Sky-Blue);
  font: 700 12px/1 var(--icc-font-headline);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Brand buttons */
.icc-btn         { border-radius: var(--icc-radius-pill); font: 700 14px var(--icc-font-headline); padding: 12px 24px; }
.icc-btn--gold   { background: var(--Primary-Gold);       color: var(--Primary-Royal-Blue); }
.icc-btn--royal  { background: var(--Primary-Royal-Blue); color: var(--Neutral-White); }
.icc-btn--ghost  { border: 2px solid var(--Primary-Royal-Blue); color: var(--Primary-Royal-Blue); }