/*
 * Téma rozcestníku chemialudus.org: světlý „laboratorní papír“ se slabou tyrkysovou (voda) a měděnou (Cuprum) září,
 * nadpisy písmem Cinzel (římské kapitály – název webu je latinský). Písmo je hostované lokálně, licence OFL.
 * Jen hodnoty proměnných – tvary a chování určuje /core/css/base.css. Seznam proměnných: docs/temata.md.
 * Světlé téma: text #1f2a30 i vedlejší text #4f5d66 mají proti pozadí kontrast nad 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 */
  --bg: #f6f3ec;
  --bg-image: radial-gradient(ellipse 70% 55% at 0% 0%, rgba(22, 150, 207, 0.16), transparent 70%),
    radial-gradient(ellipse 70% 55% at 100% 100%, rgba(168, 90, 34, 0.16), transparent 70%);
  --bg-size: 100% 100%;
  --bg-repeat: no-repeat;
  --bar-bg: #e9e3d6;

  /* Plochy */
  --surface: rgba(255, 255, 255, 0.8);
  --surface-effect: 0 6px 24px rgba(30, 40, 50, 0.08);
  --surface-blur: none;
  --card-bg: #ffffff;
  --modal-bg: #ffffff;
  --overlay: rgba(10, 20, 30, 0.5);
  --field-bg: #ffffff;
  --placeholder: #6b7378;
  --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='%23334a55'/%3E%3C/svg%3E");
  --edge: #cfc6b4;
  --divider: rgba(60, 50, 40, 0.16);

  /* Text a zvýraznění */
  --text: #1f2a30;
  --muted: #4f5d66;
  --heading: #173c48;
  --accent: #0b6a80;
  --highlight: #9a4f18;
  --on-highlight: #ffffff;
  --ok: #276024;
  --late: #7a4300;
  --bad: #a11d1d;
  --error-bg: #f5dcd2;
  --toast-bg: #f5dcd2;
  --notice-bg: #f3e7cf;
  --flash-bg: #f0d69c;

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

  /* Tlačítka */
  --btn-bg: #ffffff;
  --btn-hover-effect: 0 0 0 3px rgba(11, 106, 128, 0.2);
  --btn-primary-bg: linear-gradient(180deg, #1c8fb0 0%, #0b6a80 100%);
  --btn-primary-border: #08566a;
  --btn-primary-text: #ffffff;
  --btn-primary-text-shadow: 0 1px 1px rgba(0, 30, 40, 0.5);
  --btn-primary-effect: 0 3px 8px rgba(11, 106, 128, 0.3);
  --action-bg: #0b6a80;
  --action-text: #ffffff;
  --danger-bg: #a11d1d;
  --danger-border: #6e1010;

  /* Tvar panelů */
  --radius: 14px;
}