/* Shared visual language for the product, account and administration. */
:root {
  color-scheme: dark;
  --bg: #090b0f;
  --sidebar: #0e1219;
  --panel: #11161e;
  --panel-2: #171e29;
  --panel-soft: #171e29;
  --field: #0b1017;
  --line: #252e3c;
  --line-strong: #39465a;
  --text: #edf1f7;
  --muted: #a2adbf;
  --subtle: #8996ac;
  --accent: #5a80d8;
  --accent-hover: #668be2;
  --accent-soft: #182540;
  --blue: var(--accent);
  --blue-hover: var(--accent-hover);
  --blue-soft: #afc7f8;
  --green: #afc7f8;
  --yellow: #e7c687;
  --red: #f29b9b;
  --font: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

* { box-sizing: border-box; }
body { font-family: var(--font); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
button, input, select { font-family: inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
a, button { transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; }
button:disabled { cursor: not-allowed; opacity: .5; }
[hidden] { display: none !important; }
::selection { color: #fff; background: #5a80d8; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 18px; border-radius: 8px; color: #fff; background: var(--accent); }
.skip-link:focus { top: 16px; }
.eyebrow { color: var(--accent); font-size: 11px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.arrow { font-size: 20px; line-height: 1; }
.page-footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--subtle); font-size: 12px; }
.page-footer a:hover { color: var(--accent); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}