/*
 * Téma Ztraceného receptu mistra Cupruma: stará alchymistická laboratoř – pergamen, sépiové a měděné tóny,
 * nadpisy písmem Cinzel (hostované lokálně, latin-ext kvůli češtině, slovenštině a polštině).
 * Jen hodnoty proměnných a dekorace – tvary a chování určuje /core/css/base.css. Seznam proměnných: docs/temata.md.
 * Světlé téma: kontrast textu proti pergamenu je ověřený (text ≥ 8,7 : 1, vedlejší text ≥ 4,5 : 1).
 */

@font-face { font-family: 'Cinzel'; font-weight: 700; font-display: swap; src: url('/fonts/cinzel-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cinzel'; font-weight: 700; font-display: swap; src: url('/fonts/cinzel-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: light;

  /* Písmo nadpisů */
  --font-heading: 'Cinzel', Georgia, 'Times New Roman', serif;

  /* Pozadí stránky: navazující dlaždice pergamenu */
  --bg: #f3e6c9;
  --bg-image: url('/img/pergamen.jpg');
  --bg-size: 1280px auto;
  --bg-repeat: repeat;
  --bar-bg: #e4cfa4;

  /* Plochy */
  --surface: rgba(252, 246, 232, 0.88);
  --surface-strong: #fbf4e2;
  --surface-effect: inset 0 0 36px rgba(150, 100, 40, 0.16), 0 6px 24px rgba(70, 40, 10, 0.22);
  --surface-blur: none;
  --card-bg: #fbf5e7;
  --modal-bg: #f8eed8;
  --overlay: rgba(40, 24, 8, 0.55);
  --field-bg: #fffaf0;
  --placeholder: #8a7058;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235a3d22'/%3E%3C/svg%3E");
  --edge: #967446;
  --divider: rgba(120, 85, 40, 0.25);

  /* Text a zvýraznění */
  --text: #3b2a1a;
  --muted: #69503a;
  --heading: #5a2a10;
  --accent: #8a3f12;
  --highlight: #9a5418;
  --on-highlight: #fffaf0;
  --ok: #276024;
  --late: #7a4300;
  --bad: #a11d1d;
  --error-bg: #f5dcd2;
  --toast-bg: #f5dcd2;
  --notice-bg: #f5e2b9;
  --flash-bg: #f0d69c;

  /* Nadpisy */
  --headline-color: #4a2410;
  --headline-effect: 0 1px 0 rgba(255, 248, 230, 0.9);
  --headline-warn-color: #8a1f10;
  --headline-warn-effect: 0 1px 0 rgba(255, 248, 230, 0.9);

  /* Tlačítka */
  --btn-bg: #f4e6c8;
  --btn-hover-effect: 0 0 0 3px rgba(154, 84, 24, 0.25);
  --btn-primary-bg: linear-gradient(180deg, #a85a22 0%, #8a4513 60%, #73370c 100%);
  --btn-primary-border: #5c2a08;
  --btn-primary-text: #fff8ec;
  --btn-primary-text-shadow: 0 1px 1px rgba(50, 20, 0, 0.6);
  --btn-primary-effect: inset 0 1px 0 rgba(255, 214, 170, 0.55), 0 3px 8px rgba(80, 40, 10, 0.35);
  --action-bg: #8a4513;
  --action-text: #fffaf0;
  --danger-bg: #a11d1d;
  --danger-border: #6e1010;

  /* Tvar panelů: pergamen má ostřejší rohy */
  --radius: 6px;
}
