/* ==========================================================================
   MPMED-SEZ design tokens - shared by the public site (main.css) and the
   staff portal (staff.css). Colours only via these custom properties.
   ========================================================================== */

:root {
  /* MPMED-SEZ identity palette (Identity Guideline 2026) */
  --color-deep-teal: #005E58;      /* primary: navbar, headings (white on it 7.7:1) */
  --color-deep-teal-dark: #004440; /* header bar, footer, hero overlay */
  --color-brand-teal: #00A79D;     /* logo teal: accents, borders, brand sections - never as text on white */
  --color-accent: #00766E;         /* links, eyebrows, secondary accents (5.5:1 on white) */
  --color-visited: #2A2D7C;        /* visited links (distinct from unvisited) */
  --color-cta: #F49E1E;            /* brand orange - CTA ONLY (ink on it 8.2:1) */
  --color-cta-hover: #E08A0B;
  --color-ember: #D7263D;          /* errors only */
  --color-sandstone: #F5F8F7;      /* section backgrounds */
  --color-deep-ink: #0F1923;       /* body text */
  --color-white: #FFFFFF;
  --color-mist: #D9DDE3;           /* borders */
  --color-leaf: #1A7F4B;           /* available/success */
  --color-amber: #B45309;          /* reserved/pending */
  --color-helper: #5F6670;
  --color-deep-teal-05: rgba(0, 94, 88, 0.05);
  --color-deep-teal-10: rgba(0, 94, 88, 0.10);
  /* National flag colours - used only for the decorative flag stripe */
  --flag-green: #1EB53A;
  --flag-yellow: #FCD116;
  --flag-black: #000000;
  --flag-blue: #00A3DD;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px; --space-4xl: 96px;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --radius-card: 4px;
  --transition-base: 160ms ease-in-out;
}