/* ==========================================================================
   RetireHere — Radius Tokens
   Edit any value below and refresh to see it everywhere it's used.
   This file must be loaded BEFORE styles.css in index.html.

   NOTE: circular elements (avatars, status dots, round close buttons, slider
   thumbs) use border-radius:50% directly in styles.css and are NOT listed
   here — 50% means "make this a circle," not "how rounded is this," so it
   isn't part of this scale and shouldn't be edited to "adjust roundedness."
   ========================================================================== */
:root{
  /* Button / tag system (existing, unchanged in meaning — moved here) */
  --radius-standard: 16px;   /* primary button/input/pill radius, used ~45x */
  --radius-tag: 16px;        /* PRO/MEMBER pills, small tags */

  /* Everything else on-site currently uses one of these literal sizes.
     These were NOT previously variables — each element had its own
     hardcoded number. Nothing has changed visually; the values below
     exactly match what was already in place. */
  --radius-1: 6px;    /* hamburger-menu lines */
  --radius-2: 2px;    /* scrollbar thumbs, progress bars, small tracks */
  --radius-3: 3px;    /* slider tracks/fills, small dots */
  --radius-6: 6px;    /* compare badge, recip stat, city-drawer badge, small dropdown items */
  --radius-7: 7px;    /* qsm-popup */
  --radius-9: 9px;    /* qsw-card, qsm-match-box/fake-card */
  --radius-10: 14px;  /* search-dropdown, match-box, filter cards, fav cards, popups, map corner */
  --radius-11: 11px;  /* recip-btn-primary/secondary */
  --radius-12: 12px;  /* export-options-panel, recip-city-card, confirm-modal */
  --radius-14: 14px;  /* most large modals: fav/compare/reviews/note/share/simple-modal */
  --radius-16: 16px;  /* recip-frame, auth/pro-modal, qs-movie-stage */
  --radius-18: 18px;  /* pro-modal-v2, rhwt-card, mobile sheet corners */
  --radius-20: 20px;  /* filter-sheet-inner */
  --radius-24: 24px;  /* toggle-track (pill switch) */
}
