/* ---------------------------------------------------------------------------
 * Fakturovna — firemní vzhled pro MyÚčto
 *
 * Tento soubor NENÍ součástí distribuce MyÚčta. Aktualizace ho nepřepíše ani
 * nesmaže: NativeUpdateService::swap() nasazuje jen soubory, které jsou v novém
 * balíku, a nic nemaže („stejné chování jako ruční tar -xzf").
 *
 * Vkládá se do <head> přes mod_substitute v Apache — direktiva je uložená
 * v Plesku (conf/vhost.conf), tedy MIMO strom aplikace, takže update na ni
 * nedosáhne.
 *
 * Přebíjí se Tailwind v4 custom properties, ne selektory — proto to přežije
 * i změnu tříd v nové verzi frontendu.
 * ------------------------------------------------------------------------- */

:root {
  /* Oranžová Fakturovny — #eb5114 je základní odstín (600) */
  --color-primary-50:  #fff5f1;
  --color-primary-100: #ffe7de;
  --color-primary-200: #ffcbb6;
  --color-primary-300: #fba98a;
  --color-primary-400: #f8815a;
  --color-primary-500: #ed622b;
  --color-primary-600: #eb5114;
  --color-primary-700: #c8410c;
  --color-primary-800: #9e3309;
  --color-primary-900: #7a2708;
}

/* Tmavý režim — škála se obrací, vyšší číslo = světlejší */
.dark {
  --color-primary-50:  #2a1a12;
  --color-primary-100: #3a2418;
  --color-primary-200: #55321f;
  --color-primary-300: #7a4526;
  --color-primary-400: #b0602f;
  --color-primary-500: #e0763a;
  --color-primary-600: #f08a4d;
  --color-primary-700: #f7a273;
  --color-primary-800: #fbc3a1;
  --color-primary-900: #ffe0cd;
}

/* ---------------------------------------------------------------------------
 * Natvrdo zapsané fialové, které proměnné nepokryjí.
 * Tato pravidla nejsou v @layer, takže přebijí vrstvené styly bundlu.
 * ------------------------------------------------------------------------- */

/* Světelný nádech přes vršek stránky (bundle: #3b2d8312) */
body::before {
  background: radial-gradient(120rem 32rem at 50% -14rem, #eb51141f, #0000 70%);
}
.dark body::before {
  background: radial-gradient(120rem 32rem at 50% -14rem, #f08a4d1a, #0000 70%);
}

/* Bundle má u této varianty barvu napevno, ne přes proměnnou */
.text-primary-700\/70 {
  color: #c8410c;
}

/* ---------------------------------------------------------------------------
 * Tailwind varianty s průhledností (/20, /30, …) mají barvu zapečenou natvrdo,
 * proměnnou nepoužijí. Vygenerováno z index-BGy1o462.css.
 * Po větší aktualizaci frontendu je vhodné regenerovat.
 * ------------------------------------------------------------------------- */
.border-primary-200\/60{border-color:#ffcbb699}
.border-primary-400\/40{border-color:#f8815a66}
.border-primary-500\/20{border-color:#ed622b33}
.border-primary-500\/25{border-color:#ed622b40}
.border-primary-500\/30{border-color:#ed622b4d}
.border-primary-500\/40{border-color:#ed622b66}
.border-primary-500\/60{border-color:#ed622b99}
.border-primary-600\/40{border-color:#eb511466}
.bg-primary-50\/30{background-color:#fff5f14d}
.bg-primary-50\/40{background-color:#fff5f166}
.bg-primary-50\/50{background-color:#fff5f180}
.bg-primary-50\/60{background-color:#fff5f199}
.bg-primary-50\/90{background-color:#fff5f1e6}
.bg-primary-500\/5{background-color:#ed622b0d}
.bg-primary-500\/8{background-color:#ed622b14}
.bg-primary-500\/10{background-color:#ed622b1a}
.bg-primary-500\/15{background-color:#ed622b26}
.bg-primary-600\/8{background-color:#eb511414}
.bg-primary-600\/90{background-color:#eb5114e6}
.from-primary-500\/10{--tw-gradient-from:#ed622b1a}
.text-primary-600\/70{color:#eb5114b3}
.text-primary-700\/70{color:#c8410cb3}
.ring-primary-300\/70{--tw-ring-color:#fba98ab3}
.ring-primary-400\/40{--tw-ring-color:#f8815a66}
.ring-primary-500\/20{--tw-ring-color:#ed622b33}
.ring-primary-500\/30{--tw-ring-color:#ed622b4d}
.ring-primary-600\/40{--tw-ring-color:#eb511466}

/* ---------------------------------------------------------------------------
 * Tmavý režim — podklady MyÚčta jsou laděné do fialova (#1e1b2b, #14121c…).
 * Přeladěno na tmavě modrou Fakturovny #0f1427.
 * Nechceš-li měnit tmavý režim, stačí smazat tento blok.
 * ------------------------------------------------------------------------- */
.dark {
  --color-neutral-50:  #0f1427;
  --color-neutral-100: #151b30;
  --color-surface:     #151b30;
  --color-surface-raised: #1d2540;
  --color-neutral-500: #8b93ab;
  --color-neutral-900: #f0f2f7;
}