/* =========================================================================
   brand.css — barvy, typografie a základ.
   Sdílí konfigurátor, cookie lišta i informační stránky, aby se paleta
   udržovala na jednom místě. Převzato z www.modranskazahrada.cz (font Jost).
   ========================================================================= */

:root {
  /* --- brand ------------------------------------------------------------ */
  --mz-navy:        #2D4156;   /* nadpisy */
  --mz-navy-deep:   #063139;   /* tmavé plochy */
  --mz-green:       #00A987;   /* primární akce */
  --mz-green-dark:  #008D71;
  --mz-green-soft:  #55AF89;
  --mz-red:         #E1001A;   /* IP Polná */
  --mz-cyan:        #22A9C5;
  --mz-ink:         #333333;
  --mz-muted:       #737373;
  --mz-muted-2:     #919EA6;
  --mz-bg:          #FDFDFD;
  --mz-panel:       #F0F4F7;
  --mz-panel-2:     #EAEFF2;
  --mz-line:        #D5DEE2;

  --side-w: 344px;
  --radius: 4px;
  --shadow-1: 0 1px 2px rgba(6,49,57,.06), 0 4px 16px rgba(6,49,57,.06);
  --shadow-2: 0 8px 40px rgba(6,49,57,.14);
  --ease: cubic-bezier(.22,.61,.36,1);

  /* --- materiály (přepisuje app.js) ------------------------------------- */
  --dvere-fill:#F4F4F2;     --dvere-line:#DCDCD8;
  --podlaha-fill:#C9A87C;   --podlaha-line:#AC8A5D;
  --dlazba-fill:#C6C7C5;    --dlazba-line:#AEAFAD;
  --obklady-fill:#E8E8E5;   --obklady-line:#D2D2CE;
  --kuchyn-fill:#EFEFEC;    --kuchyn-line:#D8D8D3;
  --skrinky-fill:#F2F2EF;   --skrinky-line:#DCDCD7;
  --deska-fill:#C69B63;     --deska-line:#A87F49;
  --pracdeska-fill:#CFCEC9; --pracdeska-line:#B4B3AE;
  --koberec-fill:#E4E0D8;   --koberec-line:#CFCAC0;
  --stena-fill:#F3F2EF;     --stena-line:#E4E3DF;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--mz-ink);
  background: var(--mz-bg);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; }