/* =========================================================
   GAR – TOKENS (shared)
   ========================================================= */

:root{
  /* brand */
  --gar-primary: #2f5fbf;            /* muted blue */
  --gar-primary-hover: #111111;      /* black hover */

  /* surfaces */
  --gar-surface: #ffffff;
  --gar-soft: #f3f4f6;
  --gar-soft-hover: #e5e7eb;

  /* borders + text */
  --gar-border: rgba(0,0,0,.14);
  --gar-border-strong: rgba(0,0,0,.22);
  --gar-text: #111827;
  --gar-muted: rgba(17,24,39,.72);

  /* danger */
  --gar-danger: #b42318;
  --gar-danger-hover: #8a1c13;

  /* UI */
  --gar-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --gar-shadow-md: 0 10px 25px rgba(0,0,0,.08);
  --gar-ring: 0 0 0 4px rgba(47,95,191,.14);

  --gar-radius-lg: 18px;
  --gar-radius-md: 14px;
  --gar-radius-sm: 12px;
}