@import url("/assets/aversum-fonts.css");
/* Общая тема Aversum. Светлая: «бумажная» (тёплый серо-бежевый фон, без слепящего белого) и тёмная. Имена переменных и для платформы (--bg, --surface, --em), и для страниц сайта (--ink, --panel, --gold). */
:root {
  --bg: #f5f5f7; --surface: #ffffff; --surface-2: #ececf0; --line: #d2d2d7;
  --text: #1d1d1f; --muted: #6e6e73; --faint: #86868b; --soft: #424245;
  --em: #0f8a63; --em-hover: #0b7351; --em-soft: rgba(15, 138, 99, .11); --em-ink: #ffffff;
  --bad: #c93a2c; --warn: #a85f0b; --star: #e08a0b;
  --blob1: #e8e8ed; --blob2: #e8e8ed; --blob3: #e8e8ed; --blob-alpha: 0;
  --shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);
  --shadow-lg: 0 2px 4px rgba(0, 0, 0, .04), 0 20px 48px rgba(0, 0, 0, .1);
  --radius: 18px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* имена, которыми пользуются страницы сайта */
  --ink: var(--bg); --panel: var(--surface); --gold: var(--em); --gold-ink: var(--em-ink); --grid: #7b86d8; --rival: #c7c7cc;
  --font-display: var(--font); --font-body: var(--font); --font-mono: ui-monospace, "SF Mono", Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000; --surface: #1d1d1f; --surface-2: #2c2c2e; --line: #38383a;
    --text: #f5f5f7; --muted: #a1a1a6; --faint: #6e6e73; --soft: #d2d2d7;
    --em: #3ad39a; --em-hover: #62e0b2; --em-soft: rgba(58, 211, 154, .13); --em-ink: #07150f;
    --bad: #f4776b; --warn: #f6b94d;
    --blob1: #2c2c2e; --blob2: #2c2c2e; --blob3: #2c2c2e; --blob-alpha: 0;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .28); --shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 20px 48px rgba(0, 0, 0, .4);
    --rival: #48484a; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #000000; --surface: #1d1d1f; --surface-2: #2c2c2e; --line: #38383a;
  --text: #f5f5f7; --muted: #a1a1a6; --faint: #6e6e73; --soft: #d2d2d7;
  --em: #3ad39a; --em-hover: #62e0b2; --em-soft: rgba(58, 211, 154, .13); --em-ink: #07150f;
  --bad: #f4776b; --warn: #f6b94d;
  --blob1: #2c2c2e; --blob2: #2c2c2e; --blob3: #2c2c2e; --blob-alpha: 0;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .28); --shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 20px 48px rgba(0, 0, 0, .4);
  --rival: #48484a; color-scheme: dark;
}
html { background: var(--bg); }
body { background: transparent; }

/* Мягкие цветные пятна на фоне: медленно плавают (их двигает anime.js) */
.blobs { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: var(--blob-alpha); will-change: transform; }
.blob.b1 { width: 540px; height: 540px; left: -140px; top: -180px; background: var(--blob1); }
.blob.b2 { width: 500px; height: 500px; right: -160px; top: 40px; background: var(--blob2); }
.blob.b3 { width: 560px; height: 560px; left: 28%; top: 58%; background: var(--blob3); }
@media (max-width: 640px) { .blob { filter: blur(60px); } .blob.b1 { width: 340px; height: 340px; } .blob.b2 { width: 320px; height: 320px; } .blob.b3 { width: 360px; height: 360px; } }
@media (prefers-reduced-motion: reduce) { .blob { display: none; } }