/* Color tokens — anchored to the real logo (assets/mobilise-logo.png):
   navy #002860 and cyan #00A8C8 sampled directly from the mark. */
:root {
  /* Brand blues (ramp built around logo navy #002860) */
  --blue-050: #ECF4FC;
  --blue-100: #D6E6F8;
  --blue-200: #A9CBF0;
  --blue-400: #4A90DE;
  --blue-500: #2273D0;
  --blue-600: #175FB6;
  --blue-700: #114C99;
  --blue-800: #0A3A7C;
  --blue-900: #002860; /* logo navy — exact */

  /* Brand cyan (logo accent — exact at 500) */
  --cyan-050: #EAF8FB;
  --cyan-100: #D0F0F7;
  --cyan-500: #00A8C8; /* logo cyan — exact */
  --cyan-600: #0089A6;

  /* Ink / neutrals */
  --ink-900: #101828;
  --ink-700: #344054;
  --ink-500: #667085;
  --ink-400: #98A2B3;
  --ink-300: #D0D5DD;
  --ink-200: #E4E7EC;
  --ink-100: #F2F4F7;
  --ink-050: #F9FAFB;
  --white: #FFFFFF;

  /* Semantic */
  --green-600: #12805C;
  --green-100: #D8F3E7;
  --red-600: #D92D20;
  --red-100: #FEE4E2;
  --amber-alert: #B54708;
  --amber-100: #FEF3C7;

  /* Semantic aliases */
  --brand: var(--blue-600);
  --brand-strong: var(--blue-800);
  --brand-soft: var(--blue-050);
  --accent: var(--cyan-500);
  --text-heading: var(--blue-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-inverse: var(--white);
  --surface-page: var(--white);
  --surface-alt: var(--ink-050);
  --surface-card: var(--white);
  --surface-brand: var(--blue-900);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --focus-ring: var(--blue-400);
}