/* a'Gusto - tokeny systemu wizualnego.
 * Zieleń jest PARĄ: 500 = wypełnienia (przyciski, kreski, checki),
 * 600 = tekst i nadtytuły na jasnym tle, 700 = hover.
 * Stare nazwy (--ag-green, --ag-green-ink, --ag-green-dark) zostają jako aliasy. */
:root {
  /* Zieleń */
  --ag-green-500: #00B065;
  --ag-green-600: #00964F;
  --ag-green-700: #007A41;
  --ag-green: var(--ag-green-500);
  --ag-green-ink: var(--ag-green-600);
  --ag-green-dark: var(--ag-green-700);
  --ag-green-mint: #7FD9AC;
  --ag-green-soft: #F1F9F4;
  --ag-green-pale: #EAF7F0;
  --ag-green-border: #D3EDDF;

  /* Granat */
  --ag-navy: #16304E;
  --ag-navy-deep: #0F2438;
  --ag-navy-hover: #22456B;
  --ag-navy-mist: #C9D6E4;
  --ag-navy-fade: #9FB3C8;
  --ag-topbar-text: #93A9C1;
  --ag-topbar-divider: #2A4767;

  /* Tekst */
  --ag-ink: #14202E;
  --ag-body: #4A5A6B;
  --ag-body-soft: #5D6B7C;
  --ag-muted: #6E7B89;
  --ag-muted-cool: #7C8896;

  /* Powierzchnie */
  --ag-line: #E4E8EC;
  --ag-line-soft: #EEF1F3;
  --ag-line-warm: #D8DDD6;
  --ag-line-grid: #E1E5EA;
  --ag-paper: #F7F8F6;
  --ag-field: #F4F6F4;

  /* Kształt i cień */
  --ag-radius: 4px;
  --ag-pill: 999px;
  --ag-shadow: 0 10px 26px -14px rgba(22,48,78,.22);
  --ag-shadow-lg: 0 28px 56px -18px rgba(15,36,56,.28);

  /* Rytm - clamp() z projektu */
  --ag-gutter: clamp(16px, 3vw, 44px);
  --ag-section-y: clamp(48px, 7vw, 86px);
  --ag-max: 1440px;

  /* Typografia */
  --ag-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
}