/* Na Vlnách — Color tokens
   The palette is the Adriatic: deep navy sea, warm sand cream, sun gold, shallow-water aqua. */
:root{
  /* --- Brand: Navy (the sea) --- */
  --navy:#053d72;         /* primary brand, buttons, headings on light */
  --navy-2:#0a4f8f;       /* hover / lighter navy, gradients */
  --navy-3:#04305f;       /* deepest navy, gradient bottoms */
  --navy-soft:#e7eef6;    /* tinted surface, icon chips, day dots */

  /* --- Brand: Cream (the sand) --- */
  --cream:#f4f0e1;        /* page background */
  --cream-2:#faf7ee;      /* inner cards, zebra rows */
  --paper:#ffffff;        /* elevated card surface */

  /* --- Accents --- */
  --sun:#f2b441;          /* warm gold — highlights, key badges, sun */
  --sun-ink:#3a2a00;      /* text/icon on sun */
  --aqua:#7fc4dd;         /* shallow-water aqua — waves, decorative */

  /* --- Ink & lines --- */
  --ink:#0d2336;          /* primary text */
  --ink-2:#2b4156;        /* body text inside cards */
  --muted:#4d5c6a;        /* secondary / captions */
  --line:#e3ddca;         /* hairline borders (warm) */
  --line-cool:#d8e3ef;    /* hairline on cool/navy-tinted surfaces */

  /* --- Semantic --- */
  --success:#1c7a43;      --success-soft:#e6f3ea;
  --danger:#c0392b;       --danger-soft:#fdecec;
  --warning:#f2b441;      --warning-soft:#fffaf0;  --warning-line:#f0e2bf;
  --info:#053d72;         --info-soft:#f3f6fb;     --info-line:#d8e3ef;

  /* --- Semantic aliases (use these in UI) --- */
  --bg:var(--cream);
  --surface:var(--paper);
  --surface-sunken:var(--cream-2);
  --surface-brand:var(--navy);
  --text:var(--ink);
  --text-body:var(--ink-2);
  --text-muted:var(--muted);
  --text-on-brand:#ffffff;
  --border:var(--line);
  --accent:var(--navy);
  --accent-contrast:#ffffff;

  /* --- Gradients --- */
  --grad-hero:radial-gradient(125% 130% at 50% -18%, #0c5598 0%, #053d72 52%, #04305f 100%); /* @kind color */
  --grad-brand-card:linear-gradient(135deg, #053d72, #0a4f8f); /* @kind color */
  --grad-sunset:linear-gradient(135deg, #fff6e6, #fdeccb); /* @kind color */
}