/*! bridge-site.css (generated copy of tools/mdc_prefs/sdk/bridge-site.css). Maps the settings attributes onto the
 website's own tokens (--mc-*, --space-*). The website is dark-only by design (site.css); look.theme = light is
 ignored here and the settings menu says so until the design-system adoption lands (SPEC F3). */
html[data-mdc-size] body { font-size: 1rem; }            /* site.css pins body at 16px; this lets the text-size setting reach it */
html[data-mdc-theme="light"] { color-scheme: dark; }

html[data-mdc-density="compact"] { --space-2: 9px; --space-3: 15px; --space-4: 24px; }
html[data-mdc-density="spacious"] { --space-2: 15px; --space-3: 25px; --space-4: 40px; }

html[data-mdc-contrast="more"] { --mc-text-dim: #ffffff; --mc-border: #8a8a94; --mc-border-strong: #b8b8c2; --mc-silver: #ffffff; }
@media (prefers-contrast: more) {
  html[data-mdc-contrast="auto"] { --mc-text-dim: #ffffff; --mc-border: #8a8a94; --mc-border-strong: #b8b8c2; --mc-silver: #ffffff; }
}
html[data-mdc-focus="quiet"] .reveal, html[data-mdc-focus="deep"] .reveal { transition: none; }