:root{
  /* Shadows are brown-tinted and low-contrast — think ink on paper, not
     material elevation. Most cards use a hairline border INSTEAD of a shadow. */
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--border-hairline);
  --shadow-xs:0 1px 2px rgba(46,33,26,.06);
  --shadow-sm:0 1px 3px rgba(46,33,26,.08),0 1px 1px rgba(46,33,26,.04);
  --shadow-md:0 4px 14px -4px rgba(46,33,26,.14),0 1px 2px rgba(46,33,26,.05);
  --shadow-lg:0 18px 40px -18px rgba(34,24,17,.28),0 2px 6px rgba(34,24,17,.06);
  --shadow-dialog:0 32px 80px -24px rgba(27,18,12,.42);

  /* Inner shadow for sunken wells (search fields, player scrubbers) */
  --shadow-inset:inset 0 1px 2px rgba(46,33,26,.07);

  /* Ring used for focus — gold, 2px, offset so it reads on dark and light */
  --ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--coin-500);

  /* Protection gradient for text over imagery */
  --scrim-bottom:linear-gradient(to top,rgba(27,18,12,.88) 0%,rgba(27,18,12,.62) 34%,rgba(27,18,12,0) 78%); /* @kind other */
  --scrim-full:linear-gradient(to top,rgba(27,18,12,.92) 0%,rgba(27,18,12,.45) 55%,rgba(27,18,12,.2) 100%); /* @kind other */
}