/* The Horizon look of amadeos.eu: the colours of HorizonThemes in amade-commons (dark bars, light pages, the teal
   accent), rounded corners and soft shadows, on top of the base layout in amadeos.css. */
{
  --slate: #242531; --slate-dark: #14151d; --slate-light: #4a4c5e;
  --warm: #ffffff; --warm-light: #ffffff; --warm-dark: #c6c7d0; --warm-text: #1e1f29;
  --page: #f3f3f6; --text: #1e1f29; --muted: #5d5f70; --accent: #2fb8b0; --accent-dark: #23948e;
  font-family: "Inter", "Noto Sans", "DejaVu Sans", "Segoe UI", Helvetica, Arial, sans-serif;
}
a { color: var(--accent-dark); }
.bevel,
.bevel-in { border: 1px solid #e2e2ea; border-radius: 14px; box-shadow: 0 1px 2px rgba(20,21,29,.06), 0 6px 20px rgba(20,21,29,.06); }
header.top { background: rgba(20,21,29,.94); backdrop-filter: blur(8px); border-bottom: 0; }
.brand { color: #e8e9f1; }
nav.main a { color: #c9cad6; border: 0; border-radius: 999px; padding: 6px 12px; }
nav.main a:hover { background: rgba(255,255,255,.08); color: #fff; }
nav.main a.active { background: rgba(47,184,176,.18); color: #7fe0da; }
.hero .status { border-radius: 999px; background: rgba(47,184,176,.18); border-color: rgba(47,184,176,.5); color: #bff3ef; }
.window { background: #242531; padding: 0; border: 1px solid #3a3c4c; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.45); }
.window .title { background: #2c2d3a; border: 0; margin: 0; padding: 7px 12px; font-size: .8rem; color: #e8e9f1; position: relative; }
.window .title::after { content: "–  ▢  ✕"; position: absolute; right: 12px; color: #8c8ea2; letter-spacing: 4px; }
.btn { border: 0; border-radius: 10px; background: rgba(255,255,255,.9); color: #1e1f29; }
.btn:hover { background: #fff; }
.btn.primary { background: var(--accent); color: #0e2a28; }
.btn.primary:hover { background: #45cbc3; color: #0e2a28; }
section.alt { background: #e9e9ef; }
.teaser, .app, .game-card, .card, .book { padding: 0; overflow: hidden; }
.teaser .text, .app .text, .game-card .text { padding: 14px 16px 16px; }
.card, .book { padding: 20px; }
.teaser p, .app p, .game-card p { color: var(--muted); }
.game-card img { background: #14151d; }
.stack span { border-radius: 999px; }
th { background: #e9e9ef; }
pre { background: #14151d; color: #e8e9f1; border-radius: 10px; }
footer { background: #14151d; }
.hero, .page-head { background: linear-gradient(90deg, rgba(20,21,29,.92) 0%, rgba(20,21,29,.7) 45%, rgba(20,21,29,.25) 100%), #14151d url(/assets/images/horizon-waves.jpg) center / cover; }
.hero h1 { color: #fff; }
@media (min-width: 1100px) { header.top .wrap { flex-wrap: nowrap; max-width: 1240px; } nav.main a { font-size: .9rem; padding: 5px 8px; } }
@media (max-width: 860px) {
  .hero, .page-head { background: linear-gradient(rgba(20,21,29,.9), rgba(20,21,29,.75)), #14151d url(/assets/images/horizon-waves.jpg) center / cover; }
}