/* Semantic colour aliases. Base values live in fig-tokens.css (Figma Variables). */
:root{
  --color-brand-logo: var(--blue-logo);            /* #1E68B0 — logo mark only */
  --color-ink: var(--blue-900);                    /* #27334A */
  --color-ink-muted: var(--neutral-text-secondary);/* #5A6B80 */
  --color-ink-inverse: var(--neutral-white);
  --color-accent: var(--orange-500);               /* #E8833C — CTA + section eyebrow on dark */
  --color-accent-hover: var(--orange-600);         /* #D06E2A */
  --color-accent-soft: rgba(232,131,60,0.15);      /* bullet-dot halo */
  --color-blue: var(--blue-500);                   /* #5889B5 — eyebrows, links, CTA banner */
  --color-star: var(--accent-star);                /* #F5B942 */

  --surface-page: var(--neutral-white);
  --surface-subtle: var(--blue-tint-50);           /* #F7FAFC alternating sections */
  --surface-tint: var(--blue-tint-100);            /* #EDF3F8 hero, icon wells, badges */
  --surface-dark: var(--blue-900);                 /* topbar, footer, cataratta section */
  --surface-accent: var(--blue-500);               /* CTA banner */
  --surface-header: rgba(255,255,255,0.45);        /* blurred sticky header */

  --border-default: var(--neutral-border);         /* #D9E2EC card hairline */
  --border-card: rgb(224,232,242);                 /* #E0E8F2 spec panels */
  --border-rule: rgb(224,231,239);                 /* #E0E7EF FAQ dividers */
  --border-header: rgba(255,255,255,0.6);

  --overlay-hero: rgba(30,104,176,0.33);           /* blue wash over hero photography */
}