/* ==========================================================================
   Noctua Travel Croatia — paleta boja
   Sve boje u projektu idu kroz ove varijable. Za promjenu palete
   dovoljno je promijeniti vrijednosti ispod — nigdje drugdje u CSS-u
   ne bi trebalo biti "tvrdo" upisanih hex vrijednosti boja.
   ========================================================================== */

:root {
  /* --- Brand boje (izvučene iz loga) --- */
  --color-primary: #3378d5;      /* plava – krilo feniksa/sove u logu */
  --color-primary-dark: #235aa8; /* tamnija plava za hover/kontrast */
  --color-primary-light: #eaf2fc;/* vrlo svijetla plava za pozadine */

  --color-accent: #7ed957;       /* zelena – natpis "Noctua" */
  --color-accent-dark: #5cb838;

  --color-neutral: #b4b4b4;      /* siva – potez ispod loga */
  --color-neutral-dark: #6f6f6f;
  --color-neutral-light: #f2f2f2;

  /* --- Semantičke varijable (koriste ih komponente) --- */
  --color-bg: #ffffff;
  --color-bg-alt: #f7f8fa;
  --color-text: #1f2328;
  --color-text-muted: #5a6169;
  --color-border: #e3e5e8;
  --color-overlay: rgba(20, 30, 45, 0.45);

  /* --- Tipografija --- */
  --font-heading: "Glacial Indifference", "Segoe UI", sans-serif;
  --font-body: "Glacial Indifference", "Segoe UI", sans-serif;

  /* --- Ostalo --- */
  --radius: 14px;
  --shadow-sm: 0 2px 10px rgba(20, 30, 45, 0.08);
  --shadow-md: 0 10px 30px rgba(20, 30, 45, 0.12);
  --transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  --container-width: 1180px;
}