/* Login & account pages of DOMKA SSO — red throughout (user 2026-11-04). Loaded after identity-core's core.css, which
   has the layout; this file sets DOMKA's colours, the background of red DOMKA marks and the brand typeface.
   Brand: "Dizajn manuál STREDISKÁ 2024update" — red #dc473a + yellow #fdeb40, Fertigo Pro; the logo files in
   ../brand are the official exports, unmodified (static/brand/README.md).
   Plain CSS, no external resources: the page must not leak visits to third parties. */

@font-face {
  font-family: "Fertigo Pro";
  /* Fertigo Pro Regular, (c) 2008 Jos Buivenga (exljbris), file from DOMKA; embedding flag: installable.
     Only the regular cut is available — bold text is synthesized by the browser. */
  src: url("../fonts/FertigoPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  --accent: #dc473a;                 /* DOMKA red — Pantone 7417 C */
  --accent-hover: #b8382c;
  --accent-text: #ffffff;
  --heading: #a8241c;
  --page: #fbe9e7;
  --wash: rgba(252, 233, 231, .84);  /* light red over the red marks: they show as a darker red grid */
  --border: #efd3cf;
  --field-border: #dcbab5;
  --error-bg: #fbe4e1;
  --error-text: #8f2318;
  --info-bg: #fff8c9;
  --info-text: #5c4f00;
  --brand-font: "Fertigo Pro", "Candara", "Segoe UI", "Trebuchet MS", sans-serif;
}

html[data-theme="dark"] {
  --accent: #ef6a5f;
  --accent-hover: #f48a81;
  --accent-text: #2a0905;
  --heading: #f58b82;
  --page: #1e0f0e;
  --wash: rgba(30, 15, 14, .9);
  --surface: #2c2021;
  --border: #4d3335;
  --field-border: #6a4a4c;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --accent: #ef6a5f;
    --accent-hover: #f48a81;
    --accent-text: #2a0905;
    --heading: #f58b82;
    --page: #1e0f0e;
    --wash: rgba(30, 15, 14, .9);
    --surface: #2c2021;
    --border: #4d3335;
    --field-border: #6a4a4c;
  }
}

body { background-image: linear-gradient(var(--wash), var(--wash)), url("../brand/pattern.svg"); }

.head h1, .app-name { font-family: var(--brand-font); letter-spacing: .01em; }
.logo { width: 64px; height: 64px; }