/* Osnova: firmennye cveta, fon, tipografika. Tokeny menyayutsya TOLKO zdes —
   ostalnye fayly berut ih cherez var(). Cveta vzyaty iz brand/15_color_palette.png. */

:root {
  --bg: #0b1424;
  --bg-deep: #0a2b5b;
  --ink: #eaf4ff;
  --muted: #93aac4;
  --ice: #00d4ff;
  --sky: #3ba7ff;

  --line: rgba(0, 212, 255, 0.14);
  --line-soft: rgba(255, 255, 255, 0.07);

  /* Steni: dve — blizkaya i dalyokaya. Ot etogo poverhnost' vyglyadit stekliannoy,
     a ne prosto svetlym pryamougolnikom. */
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 18px 40px -18px rgba(0, 0, 0, 0.75);
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.4), 0 30px 60px -22px rgba(0, 0, 0, 0.85),
                 0 0 0 1px rgba(0, 212, 255, 0.25);
  --glow: 0 0 60px rgba(0, 150, 255, 0.28);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font: 16px/1.65 Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  background:
    /* svet sverhu — kak podsvetka nad ledyanym logotipom */
    radial-gradient(1200px 640px at 50% -14%, rgba(0, 150, 255, 0.22), transparent 68%),
    radial-gradient(900px 520px at 88% 8%, rgba(0, 212, 255, 0.10), transparent 60%),
    linear-gradient(180deg, #0d1a2f 0%, var(--bg) 42%, #070e1a 100%);
  background-attachment: fixed;
}

h1, h2, h3 { letter-spacing: -0.01em; }

a {
  color: var(--sky);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}

a:hover { color: var(--ice); border-bottom-color: var(--ice); }

::selection { background: rgba(0, 212, 255, 0.3); }

/* Uvazhaem nastroyku «men'she dvizheniya» — animacii vyklyuchayutsya celikom. */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}