/* ════════════════════════════════════════════════════════════════
   FitFind Pro — shared design tokens (SINGLE SOURCE OF TRUTH).
   Linked by every page + the app. Change a brand value here, once.
   (Superset of every token previously copy-pasted into each file.)
   ════════════════════════════════════════════════════════════════ */
:root {
  /* brand */
  --blue: #4222FF;
  --blue-deep: #2D14B3;
  --lilac: #EEEBFF;
  --accent: #B8AEFF;    /* lighter lilac — eyebrow/labels on dark */

  /* neutrals */
  --ink: #0A0A0A;
  --white: #FFFFFF;
  --bg: #F5F5F7;
  --line: #E5E5EA;
  --mute: #5A5A60;
  --muted: #5A5A60;     /* legacy alias (admin) — same value */

  /* status */
  --ok: #0a8a45;
  --warn: #c0392b;
  --err: #EF4444;

  /* shape + depth */
  --radius: 14px;
  --radius-lg: 22px;
  --shadow: 0 4px 24px rgba(10,10,10,0.06);
  --shadow-lg: 0 12px 48px rgba(66,34,255,0.18);

  /* type */
  --font: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
}

/* Keyboard accessibility — a visible focus ring for keyboard users only
   (mouse/touch users never see it). One rule, every page. */
:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}