:root {
  /* Primárna modrá */
  --blue-50:   #eff6ff;
  --blue-100:  #dbeafe;
  --blue-200:  #bfdbfe;
  --blue-500:  #3b82f6;
  --blue-600:  #2563eb;
  --blue-700:  #1d4ed8;
  --blue-800:  #1e40af;
  --blue-900:  #1e3a8a;

  /* Neutrálna */
  --white:      #ffffff;
  --gray-50:    #f8fafc;
  --gray-100:   #f1f5f9;
  --gray-150:   #eaeff5;
  --gray-200:   #e2e8f0;
  --gray-300:   #cbd5e1;
  --gray-400:   #94a3b8;
  --gray-500:   #64748b;
  --gray-600:   #475569;
  --gray-700:   #334155;
  --gray-800:   #1e293b;
  --gray-900:   #0f172a;

  /* Sémantické */
  --green-500:  #22c55e;
  --green-600:  #16a34a;
  --green-bg:   #f0fdf4;
  --green-bdr:  #bbf7d0;
  --amber-500:  #f59e0b;
  --amber-bg:   #fffbeb;
  --amber-bdr:  #fde68a;
  --red-500:    #ef4444;

  /* Typografia */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --t-xs:   0.6875rem;   /* 11px */
  --t-sm:   0.8125rem;   /* 13px */
  --t-base: 0.9375rem;   /* 15px */
  --t-md:   1rem;        /* 16px */
  --t-lg:   1.125rem;    /* 18px */
  --t-xl:   1.375rem;    /* 22px */
  --t-2xl:  1.75rem;     /* 28px */
  --t-3xl:  2.25rem;     /* 36px */
  --t-4xl:  3rem;        /* 48px */

  /* Spacing (4px grid) */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem;
  --s5: 1.25rem; --s6: 1.5rem; --s8: 2rem; --s10: 2.5rem;
  --s12: 3rem; --s14: 3.5rem; --s16: 4rem; --s20: 5rem;

  /* Rádiusy */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  20px;
  --r-full: 9999px;

  /* Tiene */
  --sh-card:  0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
  --sh-hover: 0 0 0 2px var(--blue-500), 0 8px 32px rgba(14,41,90,.14);
  --sh-btn:   0 2px 6px rgba(37,99,235,.35);
  --sh-btn-h: 0 4px 14px rgba(37,99,235,.45);

  /* Prechody */
  --tr: 180ms ease;
  --tr-fast: 110ms ease;

  --max-w: 1240px;
}