/*
 * Marine Rescue UAE - colour tokens (W-01a).
 *
 * Single source: claude/DESIGN.md "Color tokens" (INSTRUCTION 2.4, final). The same hex values
 * live in the iOS Theme.swift + asset catalog and the Android Color.kt + colors.xml. To change
 * a token, change DESIGN.md first, then all platforms in the same task. `v_tokens` checks that
 * every hex literal below is present.
 *
 * Load order (includes/layout.php): bootstrap(.rtl).min.css -> tokens.css -> site.css.
 * site.css maps these tokens onto Bootstrap's --bs-* variables (DESIGN.md "Token implementations").
 *
 * Use rules (DESIGN.md "Rules for using colour"): red = distress only, blue = helpers, "me",
 * header, links and controls, green = helper reach circles only, everything else neutral.
 * Alpha variants are allowed (e.g. reach fill = mr-green at 10 %), new hex values are not.
 */

:root {
  /* Distress */
  --mr-logo-red: #C8142C;   /* the logo's red; website header gradient only (owner 2026-10-08) */
  --mr-red: #8E1B2E;        /* markers, "I'm in distress" button, red pulsing border, red badges */
  --mr-red-dark: #6F1424;   /* pressed state of red elements */
  --mr-red-tint: #F7E8EB;   /* distress popup header background */

  /* Helper, header, links */
  --mr-blue: #0F2B4C;       /* helper markers, "Ready to help" button, header bar, links, "me" */
  --mr-blue-dark: #0A1D34;  /* pressed state of blue elements */
  --mr-blue-tint: #E7EDF5;  /* helper popup header background */

  /* Reach circles only */
  --mr-green: #1E9E62;      /* helper reach circles (2 px stroke, 10 % fill) */

  /* Neutrals */
  --mr-ink: #1B1F24;        /* text */
  --mr-muted: #667085;      /* secondary text, control borders */
  --mr-line: #DCE2EA;       /* decorative borders and dividers */
  --mr-surface: #FFFFFF;    /* cards and sheets */
  --mr-canvas: #F3F5F8;     /* page background */

  /* Light only (ADR-043): no dark mode in v01. */
  color-scheme: light;
}