/* --- Lokální font --- */
@font-face {
  font-family: 'Julee';
  src: url('/assets/fonts/Julee-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Třída pro brand nadpisy/logotyp */
.font-brand {
  font-family: 'Julee', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: .2px;
}

/* --- Brand barva + globální overrides Tailwind utilit --- */
:root{
  --brand: #2f6276;
  --brand-hover: #295e73;   /* o chlup tmavší */
  --brand-active: #234a5a;  /* ještě tmavší */
}

/* cokoliv s bg-black / bg-slate-900 → primární brand */
.bg-black,
.bg-slate-900{
  background-color: var(--brand) !important;
}

/* hover stavy, které často používáš */
.hover\:bg-slate-900:hover,
.hover\:bg-black:hover{
  background-color: var(--brand-hover) !important;
}

/* active varianty */
.active\:bg-black\/90:active,
.active\:bg-slate-900:active{
  background-color: var(--brand-active) !important;
}

/* poloprůhledné “black” pozadí (ikonky, badge) přebarvit do brand */
.bg-black\/90{ background-color: rgba(47,98,118,.90) !important; }
.bg-black\/80{ background-color: rgba(47,98,118,.80) !important; }
.bg-black\/10{ background-color: rgba(47,98,118,.10) !important; }

/* případné rámečky/tekst původně černé */
.border-black{ border-color: var(--brand) !important; }
.text-black{ color: var(--brand) !important; }

/* volitelné utilitky, když je budeš chtít používat vědomě */
.text-brand{ color: var(--brand) !important; }
.bg-brand{ background-color: var(--brand) !important; }
.border-brand{ border-color: var(--brand) !important; }