/* =====================================================================
   UCTOSTEPANOVI — DESIGN TOKENS  (jediný zdroj pravdy / single source of truth)
   ---------------------------------------------------------------------
   TADY se mění vzhled celého projektu. Po úpravě spusť:  design-system/sync.ps1
   (zkopíruje tento soubor + logo do všech modulů, které jej používají).

   Vychází z: loga (křivky → logo SVG), rollupu (navy #182F5B + krémová)
   a značkové palety navy → indigo → mauve → pink → coral.
   Písmo: Manrope.
   ===================================================================== */
:root {
  /* ── Značková paleta (původní hex z palety klienta) ──────────────── */
  --c-navy-deep: #03122F;   /* nejtmavší navy — text */
  --c-navy:      #182F5B;   /* primární modrá (= pozadí rollupu) */
  --c-indigo:    #413B61;   /* indigo — sekundární tón */
  --c-mauve:     #AE7DAC;   /* mauve — měkký tón */
  --c-pink:      #F3DADF;   /* pale pink — jemný wash */
  --c-coral:     #F1916D;   /* coral — akcent / pozornost / akce */
  --c-coral-deep:#CF6F4B;   /* coral hover */

  /* ── Sémantické role (na tyto názvy se odkazuj v komponentách) ───── */
  --color-primary:        var(--c-navy);
  --color-primary-strong: #102542;
  --color-accent:         var(--c-coral);        /* „vyžaduje akci / pozor" */
  --color-accent-strong:  var(--c-coral-deep);
  --color-accent-bg:      #fceadf;               /* coral wash */

  --color-ink:        #0c1c33;   /* hlavní text (měkčí než černá, on-brand) */
  --color-ink-soft:   #3a4254;   /* sekundární text */
  --color-muted:      #6a7488;   /* popisky, meta */

  --color-surface:    #ffffff;   /* karty */
  --color-canvas:     #f7f5f4;   /* pozadí stránky (teple neutrální) */
  --color-border:     #e7e4e6;   /* hairline linka */
  --color-border-soft:#f1eef0;

  --color-pink-bg:    var(--c-pink);
  --color-mauve:      var(--c-mauve);
  --color-indigo:     var(--c-indigo);

  /* funkční barvy — význam částky / stavu (zelená příjem, červená výdaj) */
  --color-pos:    #1f7a4d;  --color-pos-bg: #e9f4ee;
  --color-neg:    #bd3f2c;  --color-neg-bg: #fbece8;
  --color-warn:   #b45309;  --color-warn-bg:#fdf3e3;

  /* neutrální stupnice (kompatibilní s gray-* mapováním v modulech) */
  --gray-50:  #f7f5f4;
  --gray-100: #f1eef0;
  --gray-200: #e7e4e6;
  --gray-300: #d7d2d6;
  --gray-400: #b4adb4;
  --gray-500: #6a7488;
  --gray-600: #515a6e;
  --gray-700: #3a4254;
  --gray-900: #0c1c33;

  /* ── Typografie ─────────────────────────────────────────────────── */
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-sans);
  --font-base-size: 15px;
  --line-base: 1.6;
  /* tabulkové číslice — pro zarovnání částek; aplikuj na body / číselné buňky */
  --numeric: tabular-nums;

  /* ── Tvar / stín / pohyb ────────────────────────────────────────── */
  --radius:    8px;
  --radius-sm: 6px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow:    0 1px 2px rgba(3,18,47,.05), 0 1px 3px rgba(3,18,47,.06);
  --shadow-lg: 0 10px 34px rgba(3,18,47,.12);
  --ring:      0 0 0 3px rgba(24,47,91,.15);     /* focus ring (navy) */
  --transition: .15s ease;

  /* ── Layout ─────────────────────────────────────────────────────── */
  --container-max: 1180px;
  --header-h: 62px;
}