/* sqgames-shared/client/theme.css
   Sdílená paleta a proměnné pro všechny hry rodiny (Lóra, Mariáš, Prší, ...) - vytaženo
   z marias-server/client/index.html (:root) a client/panel.js (:root[data-theme="light"]),
   tuhle relaci nejnověji odladěná verze. Jeden zdroj pravdy místo ruční synchronizace mezi
   projekty - viz plán sqgames.cz.

   Použití: nalinkovat na KAŽDÉ stránce PŘED panel.js a před vlastním <style> stránky:
     <link rel="stylesheet" href="/shared/theme.css">
     <script src="/shared/panel.js"></script>
   Vlastní <style> stránky pak může tyhle proměnné jen POUŽÍVAT (var(--cream) apod.), ne
   předefinovávat - jinak se sdílení rozjede přesně tak, jak se to stalo mezi lorou a mariášem. */

:root {
  color-scheme: dark;
  --bg: #121014;
  --surface-1: #1c191f;
  --surface-2: #242028;
  --border: rgba(255,255,255,0.09);
  --border-strong: rgba(255,255,255,0.16);

  --felt-dark: #163024;
  --felt: #1f4433;
  --felt-light: #2b5c44;

  --text: #f2eef5;
  --text-dim: rgba(242,238,245,0.62);

  --primary: #e0574a;
  --primary-hover: #ea6a5d;
  --accent: #e3b64d;
  --accent-bright: #f0cd76;
  --accent-tonal: rgba(227,182,77,0.16);

  --cream: #faf7f2;
  --ink: #201c24;

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 26px;
  --r-pill: 999px;
  --shadow-1: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-2: 0 6px 20px rgba(0,0,0,0.35);
  --ease: cubic-bezier(.25,.9,.4,1);
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-logo: 'Cinzel', var(--font-ui);

  /* zpětná kompatibilita s původními názvy proměnných appky */
  --gold: var(--accent);
  --gold-bright: var(--accent-bright);
  --red: var(--primary);
  --panel: rgba(8, 28, 22, 0.88);
}

:root[data-theme="light"] {
  --bg: #f4efe6; --surface-1: #ffffff; --surface-2: #f0ebe1;
  --border: rgba(30,20,10,0.12); --border-strong: rgba(30,20,10,0.18);
  --felt-dark: #1f4433; --felt: #2b5c44; --felt-light: #3a7256;
  --text: #241d15; --text-dim: rgba(36,29,21,0.62);
  --primary: #c94636; --primary-hover: #d95a49;
  --accent: #a9761f; --accent-bright: #8a5f14; --accent-tonal: rgba(169,118,31,0.14);
  --cream: #241d15; --ink: #241d15;
  --panel: rgba(255,255,255,0.94);
}

* { box-sizing: border-box; }