/* Lexos — paleta propagačního obrázku: pergamen, zlaté a krémové kostky s hnědým písmem.
   Stránka je vždy světlá (data-theme="light"), pergamen v tmavém režimu nedává smysl. */
.lexos-body {
  --lx-bg: #F3E8CF;
  --lx-parchment: #DBC59C;
  --lx-surface: #FBF5E7;
  --lx-line: #E3CFA4;
  --lx-text: #4A2E14;
  --lx-heading: #5B3A1A;
  --lx-muted: #6E5032;
  --lx-hero: #4A2E14;
  --lx-accent: #E6AE45;
  --lx-gold: #ECC05E;
  --lx-gold-edge: #B9852F;
  --lx-cream-edge: #D8C29A;
  --lx-link: #8A5414;
  --bg: var(--lx-bg);
  --surface: var(--lx-surface);
  --border: var(--lx-line);
  --text: var(--lx-text);
  --muted: var(--lx-muted);
  background: var(--lx-bg);
  color: var(--lx-text);
}
.lexos-body a { color: var(--lx-link); }
.lexos-body :focus-visible { outline-color: var(--lx-link); }
.lexos-body .site-header { background: var(--lx-hero); border-bottom: 0; }
.lexos-body .logo { color: #fff; }
.lexos-body .logo-paw, .lexos-body .logo-text b { color: var(--lx-accent); }
.lexos-body .lang-switch a:not([aria-current="page"]) { color: #F1E4CC; }
.lexos-body .lang-switch a[aria-current="page"] { background: var(--lx-accent); color: #4A2E14; }
.lexos-body .site-header :focus-visible { outline-color: var(--lx-accent); }
.lexos-body .site-footer { margin-top: 0; background: var(--lx-parchment); border-top: 0; color: var(--lx-muted); }
.lexos-body h2, .lexos-body h3 { color: var(--lx-heading); font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; }
.lexos-body h2 { font-size: clamp(1.6rem, 4vw, 2rem); font-variant: small-caps; letter-spacing: .02em; }
/* Záhlaví: propagační obrázek z Google Play (pergamen) a pod ním podtitul s tlačítkem na stejném podkladu. */
.lx-hero { background: var(--lx-parchment); color: #4A2E14; text-align: center; }
.lx-banner { margin: 0 auto; max-width: 1024px; line-height: 0; }
.lx-banner img { display: block; width: 100%; height: auto; }
/* Kde je obrázek užší než okno, okraje se rozplynou do podkladu (jinak by byl vidět jako obdélník). */
@media (min-width: 1024px) {
  .lx-banner img {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(#000 85%, transparent);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(#000 85%, transparent);
    mask-composite: intersect;
  }
}
.lx-hero-inner { padding-top: 4px; padding-bottom: 32px; }
.lx-tagline { max-width: 32rem; margin: 0 auto 20px; font-size: 1.2rem; font-weight: 700; }
.lx-btn { display: inline-block; padding: 12px 22px; border-radius: 12px; background: #5B3A1A; color: #FFF6E4; font-size: 1.05rem; font-weight: 900; text-decoration: none; }
.lx-btn.is-soon { background: #7A5530; }
.lx-section { padding-top: 12px; padding-bottom: 12px; }
/* Rámečky a karty jako kostky z obrázku: krémové a zlaté se spodní hranou. */
.lx-box { max-width: 52rem; padding: 18px 22px; border-radius: 16px; background: var(--lx-surface); border: 1px solid var(--lx-line); box-shadow: 0 4px 0 var(--lx-cream-edge); }
.lx-box p { margin: .4em 0; }
.lx-features { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.lx-features li { padding: 18px; border-radius: 16px; background: var(--lx-surface); border: 1px solid var(--lx-line); box-shadow: 0 4px 0 var(--lx-cream-edge); }
.lx-features li:nth-child(odd) { background: linear-gradient(var(--lx-gold-light, #F2CF7C), var(--lx-gold)); border-color: var(--lx-gold-edge); box-shadow: 0 4px 0 var(--lx-gold-edge); }
.lx-features h3 { margin: 0 0 6px; }
.lx-features p { margin: 0; color: var(--lx-muted); }
.lx-features li:nth-child(odd) p { color: #4A2E14; }
.lexos-body .shots { grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr)); }
.lx-legal { display: flex; gap: 8px 20px; flex-wrap: wrap; padding-top: 32px; padding-bottom: 32px; }
.lx-legal a { color: var(--lx-link); font-weight: 800; }
.lexos-body .shots-item img { box-shadow: 0 4px 16px rgba(74, 46, 20, .25); }