/* START RIGHT / EZOGO monochrome baseline for standalone public pages.
   Same neutral tokens, focus ring and selection as the React surfaces
   (src/styles/StartRightMonochromeTheme.css). Page-level colors are already
   neutral via scripts/design/monochrome-recolor.mjs; this file only keeps the
   shared interaction states consistent across every entry point. */
:root {
  color-scheme: light;
  --sr-n-0: #ffffff;
  --sr-n-50: #fafafa;
  --sr-n-100: #f5f5f5;
  --sr-n-200: #e5e5e5;
  --sr-n-300: #d4d4d4;
  --sr-n-400: #a3a3a3;
  --sr-n-500: #737373;
  --sr-n-600: #525252;
  --sr-n-700: #404040;
  --sr-n-800: #262626;
  --sr-n-900: #171717;
  --sr-n-950: #0a0a0a;
}
::selection { color: var(--sr-n-0); background: var(--sr-n-950); }
:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--sr-n-950) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
:where(button, a, input, select, textarea, [role="button"]) {
  -webkit-tap-highlight-color: rgba(10, 10, 10, .12);
}