/* Meridian color tokens. Values marked "ref" are screenshot-derived visual-reference
   measurements (per the Design System Implementation Spec's Evidence Gap Rule) —
   not verified production CSS values. Use for first-pass visual matching; replace
   with real tokens/computed styles when available. */
:root{
  /* primitives */
  --color-teal-action-ref:#169fa0;
  --color-teal-action-hover-ref:#128689;
  --color-blue-accent:#2361c8;
  --color-blue-accent-hover:#1d52ac;
  --color-white:#ffffff;
  --color-neutral-card-ref:#f2f3f5;
  --color-blue-audience-ref:#d0ebfb;
  --color-grey-entity-ref:#e7e6e8;
  --color-dark-journey-ref:#464652;
  --color-dark-footer-ref:#282834;
  --color-black-cookie-ref:#000000;
  --color-selected-blue-ref:#e3f4fe;
  --color-text-primary-ref:#1a1a1e;
  --color-text-secondary-ref:#51565c;
  --color-border-ref:#e5e5e8;

  /* semantic aliases */
  --color-action-primary:var(--color-teal-action-ref);
  --color-action-primary-hover:var(--color-teal-action-hover-ref);
  --color-action-secondary:var(--color-blue-accent);
  --color-action-secondary-hover:var(--color-blue-accent-hover);
  --color-info:var(--color-blue-accent);
  --color-surface-page:var(--color-white);
  --color-surface-card-neutral:var(--color-neutral-card-ref);
  --color-surface-journey-dark:var(--color-dark-journey-ref);
  --color-surface-footer:var(--color-dark-footer-ref);
  --color-surface-cookie:var(--color-black-cookie-ref);
  --color-metadata-audience:var(--color-blue-audience-ref);
  --color-metadata-entity:var(--color-grey-entity-ref);
  --color-state-selected:var(--color-selected-blue-ref);
  --color-text-primary:var(--color-text-primary-ref);
  --color-text-secondary:var(--color-text-secondary-ref);
  --color-text-inverse:var(--color-white);
  --color-link:var(--color-teal-action-ref);
  --color-border:var(--color-border-ref);
}