/* Ducati Czech – vzhled pro myúčto (ducati.webforte.cz)
 * Vkládá se přes nginx sub_filter před </head>, takže přepisuje tokeny z main.css.
 * Mění jen HODNOTY design tokenů + pár cílených pravidel; žádný zásah do kódu aplikace. */

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/branding/barlow-condensed-latin-ext-500.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: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/branding/barlow-condensed-latin-500.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; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/branding/barlow-condensed-latin-ext-600.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: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/branding/barlow-condensed-latin-600.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; }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/branding/barlow-condensed-latin-ext-700.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: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/branding/barlow-condensed-latin-700.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; }

/* ─── Světlý režim ─────────────────────────────────────────────────────── */
html:root {
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;

  /* Primary = Ducati red (logo #CB1517, web #EE2224) */
  --color-primary-50:  #FDEEEE;
  --color-primary-100: #FAD4D5;
  --color-primary-200: #F3A7A9;
  --color-primary-300: #EB7477;
  --color-primary-400: #E3474B;
  --color-primary-500: #DA2A2E;
  --color-primary-600: #CB1517;   /* primární tlačítko */
  --color-primary-700: #A91113;   /* akcentový text, hover */
  --color-primary-800: #7E0D0F;
  --color-primary-900: #52090A;

  /* Neutrální šedé bez fialového nádechu */
  --color-neutral-50:  #F7F7F7;
  --color-neutral-100: #EFEFEF;
  --color-neutral-200: #E2E2E2;
  --color-neutral-300: #CBCBCB;
  --color-neutral-400: #9E9E9E;
  --color-neutral-500: #737373;
  --color-neutral-600: #555555;
  --color-neutral-700: #3B3B3B;
  --color-neutral-800: #242424;
  --color-neutral-900: #111111;

  --color-status-issued-bg: #EDEDED;
  --color-status-issued-fg: #111111;

  --shadow-2xs: 0 1px 1px rgb(0 0 0 / 0.04);
  --shadow-xs:  0 1px 2px rgb(0 0 0 / 0.05);
  --shadow-sm:  0 1px 2px rgb(0 0 0 / 0.05), 0 2px 6px -2px rgb(0 0 0 / 0.07);
  --shadow-md:  0 2px 4px -1px rgb(0 0 0 / 0.06), 0 10px 24px -14px rgb(0 0 0 / 0.22);
  --shadow-lg:  0 4px 8px -2px rgb(0 0 0 / 0.07), 0 18px 36px -18px rgb(0 0 0 / 0.26);
  --shadow-xl:  0 8px 16px -4px rgb(0 0 0 / 0.09), 0 32px 64px -28px rgb(0 0 0 / 0.32);
  --shadow-2xl: 0 12px 24px -6px rgb(0 0 0 / 0.12), 0 48px 96px -40px rgb(0 0 0 / 0.40);
}

/* ─── Tmavý režim ──────────────────────────────────────────────────────── */
html.dark {
  --color-neutral-50:  #0F0F0F;
  --color-neutral-100: #181818;
  --color-neutral-200: #2A2A2A;
  --color-neutral-300: #3A3A3A;
  --color-neutral-400: #6E6E6E;
  --color-neutral-500: #959595;
  --color-neutral-600: #ABABAB;
  --color-neutral-700: #C8C8C8;
  --color-neutral-800: #E3E3E3;
  --color-neutral-900: #F5F5F5;
  --color-surface: #1A1A1A;
  --color-surface-raised: #232323;

  --color-primary-50:  #2E1213;
  --color-primary-100: #3D1617;
  --color-primary-600: #E0383C;
  --color-primary-700: #F0676A;
  --color-primary-800: #F59597;
  --color-primary-900: #FAC4C5;

  --color-status-issued-bg: #262626;
  --color-status-issued-fg: #E3E3E3;
}

/* ─── Navigace: černá lišta jako na ducati-czech.cz ────────────────────── */
/* html.dark varianta je nutná: `.dark .nav-inverted` v main.css má vyšší specificitu. */
html .nav-inverted,
html.dark .nav-inverted {
  --color-surface: #0B0B0B;
  --color-surface-raised: #161616;
  --color-neutral-50:  #1C1C1C;   /* hover */
  --color-neutral-100: #242424;
  --color-neutral-200: #2B2B2B;   /* dělicí linky */
  --color-neutral-300: #3A3A3A;
  --color-neutral-400: #8A8A8A;
  --color-neutral-500: #A6A6A6;
  --color-neutral-600: #C9C9C9;   /* běžná položka */
  --color-neutral-700: #DEDEDE;
  --color-neutral-800: #EFEFEF;
  --color-neutral-900: #FFFFFF;
  --color-primary-50:  #2A0E0F;   /* pilulka aktivní sekce */
  --color-primary-100: #3A1213;
  --color-primary-400: #F26A6D;
  --color-primary-600: #EE2224;
  --color-primary-700: #FF5A5D;   /* aktivní položka */
  --color-primary-800: #FF8587;
  --color-primary-900: #FFD0D1;
  /* Aktivní položka bere tint podle sekce (accent/teal/payroll…) – sjednotit do červené */
  --color-accent-50: #2A0E0F;  --color-accent-100: #3A1213;
  --color-teal-50: #2A0E0F;
  --color-payroll-50: #2A0E0F; --color-payroll-100: #3A1213;
  --color-success-50: #2A0E0F;
  --color-warning-50: #2A0E0F; --color-warning-100: #3A1213;
  --color-danger-50: #2A0E0F;
}
html.dark .nav-inverted {
  --color-surface: #080808;
  --color-surface-raised: #141414;
}
/* Červená linka pod horní lištou – podpis Ducati */
header.nav-inverted { box-shadow: inset 0 -3px 0 #CB1517; }

/* ─── Atmosféra: jemný teplý nádech místo indigového ─────────────────────── */
body::before {
  background: radial-gradient(120rem 32rem at 50% -14rem, rgb(203 21 23 / 0.05), transparent 70%);
}
html.dark body::before {
  background: radial-gradient(120rem 32rem at 50% -14rem, rgb(238 34 36 / 0.08), transparent 70%);
}

/* ─── Značka: DUCATI Czech místo textu MyÚčto.cz ──────────────────────── */
img[src="/styles/logo.svg"] + span,
img[src="/styles/logo.svg"] + div > h1 {
  font-size: 0 !important;
  line-height: 1;
}
img[src="/styles/logo.svg"] + span > span,
img[src="/styles/logo.svg"] + div > h1 > span { display: none; }
img[src="/styles/logo.svg"] + span::before,
img[src="/styles/logo.svg"] + div > h1::before {
  content: "DUCATI";
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.06em;
}
img[src="/styles/logo.svg"] + span::after,
img[src="/styles/logo.svg"] + div > h1::after {
  content: " Czech";
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  letter-spacing: 0.04em;
  color: #EE2224;
}
img[src="/styles/logo.svg"] + div > h1::before,
img[src="/styles/logo.svg"] + div > h1::after { font-size: 1.375rem; }

/* ─── Nadpisy stránek v condensed řezu, jako na webu Ducati ─────────────── */
h1:not(.font-sans) {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-style: normal;
}

/* Logo Ducati i tam, kde prohlížeč nebo Cloudflare drží v cache staré /styles/logo.svg */
img[src="/styles/logo.svg"] { content: url(/branding/ducati-logo.svg); object-fit: contain; }

/* ─── Barvy agend: jednotně Ducati red místo barvy podle sekce ──────────── */
main[data-accent] {
  --module-accent: var(--color-primary-600);
  --module-accent-soft: var(--color-primary-50);
}
/* Proužek pod lištou nahrazuje červená linka v headeru */
main[data-accent]::before { display: none; }