/* dodaSPORTS — elevation tokens
   The brand reads FLAT: editorial cards sit on greige with dotted rules, not shadows.
   Reserve shadows for true overlays (dropdown menus, modals, sticky CTAs). */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(18,17,16,.06);
  --shadow-sm:0 2px 8px rgba(18,17,16,.08);
  --shadow-md:0 8px 24px rgba(18,17,16,.10);
  --shadow-lg:0 16px 48px rgba(18,17,16,.14);
  --shadow-pop:0 12px 40px rgba(18,17,16,.18);   /* menus / popovers */
  --shadow-brand:0 8px 24px rgba(0,168,227,.40); /* cyan CTA glow (sparingly) */

  /* Border-as-elevation (preferred on-brand accent) */
  --ring-hairline:1px solid var(--border-subtle); /* @kind other */
  --ring-ink:1.5px solid var(--ink); /* @kind other */
}