/* Royal World: Oxford Blue s černým přechodem do průhledna, akcenty YInMn Blue,
   zlato jako přechod Dark Gold → Sand Gold. Text Poppins, nadpisy Requiem
   (H&FJ, jediný řez 325, proto bez tučného). Fonty jen latinka s češtinou. */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url(poppins-400.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 400; font-style: italic; font-display: swap; src: url(poppins-400i.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url(poppins-500.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600 900; font-style: normal; font-display: swap; src: url(poppins-600.woff2) format("woff2"); }
@font-face { font-family: "Requiem Display"; font-weight: 100 900; font-style: normal; font-display: swap; src: url(requiem-display.woff2) format("woff2"); }
@font-face { font-family: "Requiem Display"; font-weight: 100 900; font-style: italic; font-display: swap; src: url(requiem-display-italic.woff2) format("woff2"); }
@font-face { font-family: "Requiem Text"; font-weight: 100 900; font-style: normal; font-display: swap; src: url(requiem-text.woff2) format("woff2"); }
:root {
  --oxford: #051a42;
  --yinmn: #2e5090;
  --gold: #ae9773;
  --gold-sand: #eedebb;
  --gold-dark: #866d4b;
  --gold-metal: linear-gradient(100deg, var(--gold-dark), var(--gold-sand) 55%, var(--gold) 80%, var(--gold-dark));

  --font: "Poppins", system-ui, sans-serif;
  --font-display: "Requiem Display", "Iowan Old Style", Georgia, serif;
  --font-heading: "Requiem Text", "Iowan Old Style", Georgia, serif;
  --radius: 3px;
  --logo-height: 30px;

  --bg: #fbfaf6;
  --bg-soft: #f3efe6;
  --nav-bg: #f3efe6;
  --fg: #051a42;
  --muted: #56617a;
  --line: #e4ddcd;
  --accent: #2e5090;
  --accent-soft: #e5ebf5;
}

/* Navigace je Oxford Blue v obou režimech, hloubku dává černý přechod. */
#nav {
  --nav-bg: #051a42; --bg: #051a42; --fg: #eef0f5; --muted: #a3adc2; --line: #1b3260;
  --bg-soft: #0c2554; --accent: #eedebb; --accent-soft: #12306a;
  background: linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0) 45%), linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 30%), var(--oxford);
  border-right-color: var(--gold-dark);
  color: var(--fg);
}

/* Nadpisy Requiem: velké v řezu Display, menší v Text. Font má jen jednu
   tloušťku, tučnou si prohlížeč nesmí domýšlet. */
#page :is(h1, h2), #doc > h1, .kb-visual :is(h1, h2), .g3-panel h2, .shared :is(h1, h2), main.auth h1 {
  font-family: var(--font-display); font-weight: 400; font-synthesis: none; letter-spacing: 0;
}
#page :is(h3, h4), .kb-visual :is(h3, h4), .shared :is(h3, h4) {
  font-family: var(--font-heading); font-weight: 400; font-synthesis: none; letter-spacing: 0;
}
#page h1 { font-size: 2.4rem; line-height: 1.12; }
#page h2 { font-size: 1.75rem; }
#page h3 { font-size: 1.3rem; }

/* Přihlášení a stránky kolem něj: tmavé jako menu, zlaté logo nahoře. */
body[data-view=auth] {
  --bg: #051a42; --fg: #eef0f5; --muted: #a3adc2; --line: #1b3260;
  background: radial-gradient(120% 80% at 50% 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .45)), var(--oxford);
  color: var(--fg);
}
body[data-view=auth] main.auth h1 { font-size: 2.4rem; }
body[data-view=auth] .auth-brand::after { content: ""; display: block; width: 48px; height: 2px; margin-top: 28px; background: var(--gold); }
body[data-view=auth] .auth-choose a.button { background: linear-gradient(135deg, var(--gold-dark), var(--gold-sand) 55%, var(--gold-dark)); color: #051a42; }
body[data-view=auth] main.auth a:not(.button):not(.auth-brand) { color: #eedebb; }

/* Zlatá linka pod titulkem stránky. */
#page > h1:first-of-type::after, #page > .warn + h1::after {
  content: ""; display: block; width: 72px; height: 3px; margin-top: 14px; background: var(--gold-metal);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #030f28;
    --bg-soft: #081a3d;
    --nav-bg: #06163a;
    --fg: #eceef4;
    --muted: #97a2ba;
    --line: #172c57;
    --accent: #c9b48f;
    --accent-soft: #14295a;
  }
}
:root[data-theme=dark] {
  --bg: #030f28;
  --bg-soft: #081a3d;
  --nav-bg: #06163a;
  --fg: #eceef4;
  --muted: #97a2ba;
  --line: #172c57;
  --accent: #c9b48f;
  --accent-soft: #14295a;
}