/* Wentro — design tokens (paleta Teal + Koral). Kopia branding/colors.css publikowana pod /css, żeby była dostępna z poziomu public/. */
:root{
  /* Brand — Teal */
  --teal-900:#08403B;
  --teal-700:#0E7C74;
  --teal-500:#14B8A6;
  --teal-300:#5EEAD4;
  --teal-100:#E3F7F5;

  /* Brand — Koral */
  --coral-700:#E14A36;
  --coral-600:#F4573F;
  --coral-500:#FF6B5B;
  --coral-300:#FF9E8F;
  --coral-100:#FFEAE6;

  /* Neutralne / tekst */
  --ink-900:#0B2321;
  --ink-700:#23403D;
  --ink-500:#4B615E;
  --ink-300:#9DB0AD;
  --ink-100:#DCEBE9;

  /* Tła */
  --surface-0:#FFFFFF;
  --surface-50:#F5FBFA;
  --border:#DCEBE9;

  /* Statusy */
  --success:#1FB574;
  --warning:#F5A623;
  --danger:#E5484D;

  /* Gradienty */
  --gradient-brand:linear-gradient(135deg,#0E7C74 0%,#14B8A6 60%,#2DD4BF 100%);
  --gradient-cta:linear-gradient(135deg,#FF6B5B 0%,#FF8F6B 100%);

  /* Typografia */
  --font-sans:'Plus Jakarta Sans','Segoe UI',sans-serif;

  /* Ksztalt / cien */
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:8px;
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(11,35,33,.05);
  --shadow-sm:0 4px 12px rgba(11,35,33,.06);
  --shadow-md:0 8px 24px rgba(11,35,33,.08);
  --shadow-lg:0 16px 40px rgba(11,35,33,.14);

  /* Ruch — spójne animacje w całym systemie (styl "bankowy": szybko, dyskretnie) */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:120ms;
  --dur-base:200ms;

  /* Ikony — spójna siatka linii (patrz sprite w partials/panel-sprite.php) */
  --icon-stroke:1.75;
}