/* Pinpoint color tokens.
   Brand palette sampled directly from the Pinpoint logo (DNA-helix location pin).
   Interactive/brand elements use the navy/blue/green; body text and structural
   neutrals stay near-black/warm-gray for readability. Semantic status colors are
   meaning-carrying and intentionally NOT brand-tinted. */
:root {
  /* ── Brand ─────────────────────────────────────────── */
  --brand-primary: #123A66;        /* deep navy — primary buttons, active nav */
  --brand-primary-dark: #0D2A4A;   /* pressed / splash background */
  --brand-accent: #1E63A0;         /* brighter blue — links, secondary accents */
  --brand-secondary: #4F8F52;      /* helix green — success-ish brand highlight */
  --brand-secondary-light: #64A566;
  --brand-muted: #5A6171;

  /* ── Text ──────────────────────────────────────────── */
  --text-primary: #16181D;
  --text-secondary: #55595F;
  --text-muted: #8A8F98;
  --text-on-brand: #FFFFFF;

  /* ── Surfaces ──────────────────────────────────────── */
  --background: #F4F2EE;           /* warm off-white app canvas */
  --surface: #FFFFFF;              /* cards, sheets */
  --surface-muted: #F4F2EE;
  --border: #EAE7E1;               /* hairline dividers, card edges */
  --border-strong: #C7CBD1;        /* input outlines */

  /* ── Semantic status ───────────────────────────────── */
  --danger: #C0392B;
  --danger-bg: #FDECEA;
  --success: #2E7D32;
  --success-bg: #EAF3EA;
  --warning-text: #9A6314;
  --warning-bg: #FFF3E0;
  --info-text: #1E63A0;
  --info-bg: #E9F0F7;
  --neutral-text: #55595F;
  --neutral-bg: #ECEFF1;
}