@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('fonts/GolosText-Variable.woff2') format('woff2');
}

/* Light is the first-visit fallback, including when JavaScript is unavailable. */
:root {
  color-scheme: light;
  --paper: #FFFFFF;
  --paper-2: #FFFFFF;
  --plate: #FFFFFF;
  --ink: #171A1C;
  --ink-2: #5F6670;
  --ink-3: #5F6670;
  --line: #D9DDE1;
  --line-2: #7C828C;
  --accent: #C93232;
  --accent-hover: #B32A2A;
  --on-accent: #FFFFFF;
  --link: #B62626;
  --focus: #0B57D0;
  --display: 'Golos Text', system-ui, sans-serif;
  --body-font: 'Golos Text', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
:root[data-theme='night'] {
  color-scheme: dark;
  --paper: #000000;
  --paper-2: #0F1012;
  --plate: #0F1012;
  --ink: #FFFFFF;
  --ink-2: #BAC0C7;
  --ink-3: #BAC0C7;
  --line: #33373D;
  --line-2: #7C828C;
  --accent: #FF5353;
  --accent-hover: #FF6B6B;
  --on-accent: #000000;
  --link: #FF5353;
  --focus: #4A8CF0;
}

.theme-switch { display: inline-flex; align-items: center; flex-shrink: 0; }
/* only the theme you can switch TO is shown: one small icon, no capsule */
.theme-switch button {
  width: 34px; min-height: 32px;
  display: grid; place-items: center;
  padding: 0; border: 0; border-radius: 6px;
  color: var(--ink-2);
  background: transparent;
  cursor: pointer;
  transition: color 160ms cubic-bezier(0.2, 0.8, 0.2, 1), background 160ms;
}
.theme-switch button[aria-pressed='true'] { display: none; }
.theme-switch button svg { width: 17px; height: 17px; display: block; animation: theme-icon-in 420ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.theme-switch button:hover { color: var(--ink); background: var(--line); }
@keyframes theme-icon-in { from { transform: rotate(-90deg) scale(0.6); opacity: 0; } to { transform: rotate(0) scale(1); opacity: 1; } }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.logo-light, .logo-night { object-fit: contain; }
.logo-light { display: block !important; }
.logo-night { display: none !important; }
[data-theme='night'] .logo-light { display: none !important; }
[data-theme='night'] .logo-night { display: block !important; }

a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}
@media (pointer: coarse) {
  .theme-switch button { min-height: 40px; width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .btn:hover .ar, .tlink:hover .ar { transform: none; }
}