/* ==========================================================================
   MOT — Color tokens
   Medical palette anchored on the logo: deep cobalt MOT-blue primary,
   clinical white, black ink; red reserved as the first-aid / emergency accent,
   green for care / ready states. Cool neutral inks.
   ========================================================================== */

:root {
  /* --- Brand core (from the MOT logo) ----------------------------------- */
  --mot-blue: #132C92;         /* logo cobalt — PRIMARY brand color */
  --mot-blue-600: #0F2478;     /* hover / pressed */
  --mot-blue-700: #0B1B5C;     /* deep */
  --mot-blue-400: #3D53B0;     /* lighter, for accents on dark */
  --mot-blue-100: #DDE1F3;     /* tint surface */
  --mot-blue-50:  #EFF1FA;     /* faint wash */

  --mot-green: #159A4E;        /* care / EHBO green — supportive */
  --mot-green-600: #0F7E3F;
  --mot-green-100: #E1F3E8;
  --mot-green-50:  #F1FAF4;

  /* First-aid / emergency red — accent + danger only, never a page wash */
  --mot-red: #E1091A;
  --mot-red-600: #C40816;
  --mot-red-700: #A00512;
  --mot-red-100: #FCE3E5;
  --mot-red-50:  #FEF3F4;

  /* --- Neutrals (cool clinical grays) ----------------------------------- */
  --white:      #FFFFFF;
  --ink-950:    #0B1220;       /* near-black heading ink (cool, blue-tinted) */
  --ink-900:    #111827;
  --ink-800:    #1D2939;
  --ink-700:    #33415A;
  --ink-600:    #495670;
  --ink-500:    #6B778E;
  --ink-400:    #94A0B4;
  --ink-300:    #C3CAD8;
  --ink-200:    #DEE3EC;
  --ink-150:    #E8ECF2;
  --ink-100:    #F1F3F8;
  --ink-50:     #F6F8FC;

  /* --- Semantic status -------------------------------------------------- */
  --success: #159A4E;
  --success-bg: #E1F3E8;
  --warning: #E8890C;
  --warning-bg: #FCEFD9;
  --danger:  #E1091A;
  --danger-bg: #FCE3E5;
  --info:    #132C92;
  --info-bg: #DDE1F3;

  /* --- Semantic aliases ------------------------------------------------- */
  --color-primary: var(--mot-blue);
  --color-primary-hover: var(--mot-blue-600);
  --color-primary-active: var(--mot-blue-700);
  --color-secondary: var(--mot-green);
  --color-accent: var(--mot-red);

  --text-heading: var(--ink-950);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-inverse: var(--white);
  --text-on-primary: var(--white);

  --surface-page: var(--ink-50);
  --surface-card: var(--white);
  --surface-sunken: var(--ink-100);
  --surface-inverse: var(--ink-950);

  --border-subtle: var(--ink-150);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);

  --focus-ring: var(--mot-blue);
}