/* Общая база встроенных страниц Aion 2 (таймер, статус серверов): цвета из tokens.css, плоский стиль, без градиентов. */
:root {
  --panel: rgb(var(--ether-surface) / 0.9);
  --panel2: rgb(var(--ether-raised));
  --line: rgb(var(--ether-border));
  --text: rgb(var(--ether-text));
  --mute: rgb(var(--ether-muted));
  --acc: rgb(var(--ether-accent));
  --gold: rgb(var(--ether-accent));
  --bg: rgb(var(--ether-bg));
  --on-acc: rgb(var(--on-brand));
  --ok: rgb(var(--ether-success));
  --warn: rgb(var(--ether-warn));
  --bad: rgb(var(--ether-danger));
}
* { box-sizing: border-box; }
html, body { margin: 0; background: transparent; }
:root { color-scheme: dark; }
body { background: transparent; color: var(--text); font: 15px/1.5 system-ui, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; color: inherit; }
.page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 40px; }
h1 { margin: 0 0 6px; font-size: 2rem; line-height: 1.2; }
h2 { margin: 0; }
.mute { color: var(--mute); margin: 0 0 20px; }
a { color: var(--acc); }
.btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); cursor: pointer; transition: border-color 0.15s; }
.btn:hover:not(:disabled) { border-color: var(--acc); }
.btn:disabled { opacity: 0.55; cursor: default; }
:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }