/* Design tokeny noveho designu (prototyp-zahlavi/index.html a servis.css). Vlastnik: K1 / integrator.
   Promenne jsou na .rd, ne na :root – stary main.css ma v :root stejne nazvy s jinymi hodnotami.
   .rd-modal je pro popupy Blazored.Modal, ktere se vykresluji mimo .rd. */

.rd,
.rd-modal {
  /* texty a plochy */
  --primary-text-color: #3c3c3c;
  --body-text: #5d6271;
  --muted-text-color: #90949f;
  --light-gray-color: #f2f3f7;
  --border-color: #e2e4e9;
  --navy: #2d364c;
  --navy-dark: #1f283d;
  /* Nadpisy. Ve svetlem = --navy, v tmavem je svetla (wwwroot/css/rd/dark.css). Pozadi --navy nemeni. */
  --heading: var(--navy);
  --on-navy-text: #d7dae1;

  /* produkty */
  --form-studio-color: #f6a71d;
  --stereo-color: #069edb;
  --enter-color: #c02081;
  --form-studio-text: #c7810a;
  --stereo-text: #0580b2;
  --enter-text: #a01b6c;
  --form-studio-soft: #fef6e8;
  --stereo-soft: #e8f6fc;
  --enter-soft: #fbeef5;

  /* stavy */
  --ok: #2f7d0a;
  --ok-soft: #e7f5e1;
  --warn: #a86400;
  --warn-soft: #fff3dc;
  --err: #c62f2f;
  --err-soft: #fdeaea;
  --info: #0a6fa8;
  --info-soft: #e6f3fb;

  /* akcent – vychozi je FORM studio jako v index.html */
  --accent: var(--form-studio-color);
  --accent-text: var(--navy);
  --accent-link: var(--form-studio-text);
  --accent-soft: var(--form-studio-soft);

  /* zaobleni */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-pill: 999px;

  /* stiny */
  --shadow-sm: 0 2px 8px rgba(31, 40, 61, .1);
  --shadow-header: 0 4px 16px rgba(31, 40, 61, .06);
  --shadow-card: 0 10px 24px rgba(31, 40, 61, .08);
  --shadow-card-hover: 0 12px 28px rgba(31, 40, 61, .1);
  --shadow-overlay: 0 10px 30px rgba(31, 40, 61, .18);
  --shadow-modal: 0 24px 60px rgba(31, 40, 61, .35);

  /* pismo */
  --font-family: "Poppins", sans-serif;
  --font-mono: Consolas, "SFMono-Regular", Menlo, monospace;
  --page-width: 1170px;
}

.rd[data-product="fs"],
.rd-modal[data-product="fs"] {
  --accent: var(--form-studio-color);
  --accent-text: var(--navy);
  --accent-link: var(--form-studio-text);
  --accent-soft: var(--form-studio-soft);
}

.rd[data-product="stereo"],
.rd-modal[data-product="stereo"] {
  --accent: var(--stereo-color);
  --accent-text: #fff;
  --accent-link: var(--stereo-text);
  --accent-soft: var(--stereo-soft);
}

.rd[data-product="enter"],
.rd-modal[data-product="enter"] {
  --accent: var(--enter-color);
  --accent-text: #fff;
  --accent-button: #9a1a68;
  --accent-link: var(--enter-text);
  --accent-soft: var(--enter-soft);
}

/* servisni stranky, zona a administrace (servis.css) */
.rd[data-product="neutral"],
.rd-modal[data-product="neutral"] {
  --accent: var(--navy);
  --accent-text: #fff;
  --accent-link: var(--navy);
  --accent-soft: #eef0f4;
}

/* barva produktu na jednom prvku (karta, stitek) nezavisle na akcentu stranky */
.rd .p-fs,
.rd-modal .p-fs {
  --c: var(--form-studio-color);
  --c-text: var(--form-studio-text);
  --c-soft: var(--form-studio-soft);
}

.rd .p-stereo,
.rd-modal .p-stereo {
  --c: var(--stereo-color);
  --c-text: var(--stereo-text);
  --c-soft: var(--stereo-soft);
}

.rd .p-enter,
.rd-modal .p-enter {
  --c: var(--enter-color);
  --c-text: var(--enter-text);
  --c-soft: var(--enter-soft);
}