/* Palette values are taken verbatim from PBC Color Guidelines v1.0, section 06.
   Do not tint, screen or introduce colours outside this list. */
:root {
  /* --- base palette --- */
  --pbc-parkland-navy: #0F335D;
  --pbc-midnight: #011337;
  --pbc-miami-blue: #369FC9;
  --pbc-signal-blue: #0C93D5;
  --pbc-antique-gold: #C0A45C;
  --pbc-harbor-mist: #94A8C8;
  --pbc-alabaster: #F8F8FA;
  --pbc-graphite: #2B3038;
  --pbc-white: #FFFFFF;

  /* CMYK reference (offset printing only)
     navy 84/45/0/64 · midnight 98/65/0/78 · miami 73/21/0/21 · signal 94/31/0/16
     gold 0/15/52/25 · mist 26/16/0/22 · alabaster 1/1/0/2 · graphite 23/14/0/78 */

  /* --- grounds --- */
  --surface-page: var(--pbc-alabaster);
  --surface-print: var(--pbc-white);
  --surface-card: var(--pbc-white);
  --surface-inverse: var(--pbc-midnight);
  --surface-inverse-secondary: var(--pbc-parkland-navy);
  --surface-sunken: #F1F2F6;

  /* --- ink --- */
  --text-heading: var(--pbc-parkland-navy);
  --text-body: var(--pbc-graphite);
  --text-body-strong: var(--pbc-parkland-navy);
  --text-quiet: var(--pbc-harbor-mist);
  --text-eyebrow: var(--pbc-miami-blue);
  --text-accent: var(--pbc-miami-blue);
  --text-on-inverse: var(--pbc-white);
  --text-on-inverse-quiet: var(--pbc-harbor-mist);
  --text-on-inverse-accent: var(--pbc-signal-blue);
  --text-link: var(--pbc-parkland-navy);
  --text-link-hover: var(--pbc-miami-blue);

  /* --- rules & borders --- */
  --rule-gold: var(--pbc-antique-gold);
  --rule-mist: rgba(148, 168, 200, 0.55);
  --rule-hairline: rgba(15, 51, 93, 0.14);
  --rule-on-inverse: rgba(148, 168, 200, 0.35);
  --border-card: rgba(15, 51, 93, 0.10);
  --border-swatch: rgba(15, 51, 93, 0.18);

  /* --- interactive --- */
  --action-primary-bg: var(--pbc-parkland-navy);
  --action-primary-bg-hover: var(--pbc-midnight);
  --action-primary-text: var(--pbc-white);
  --action-secondary-border: var(--pbc-parkland-navy);
  --action-secondary-text: var(--pbc-parkland-navy);
  --action-secondary-bg-hover: rgba(15, 51, 93, 0.06);
  --action-quiet-text: var(--pbc-miami-blue);
  --focus-ring: var(--pbc-signal-blue);
  --state-disabled-text: var(--pbc-harbor-mist);

  /* --- data --- */
  --data-figure: var(--pbc-parkland-navy);
  --data-figure-accent: var(--pbc-miami-blue);
  --data-ghost: var(--pbc-harbor-mist);
  --data-grid: rgba(148, 168, 200, 0.30);
}