:root {
  /* === JASNE TŁA === */
  --bg-primary:    #f5f4ef;
  --bg-secondary:  #ffffff;
  --bg-tertiary:   #edecea;
  --bg-elevated:   #e5e3df;

  /* === TEKST — ciemny === */
  --text-primary:  #1c1c2e;
  --text-secondary: #54546e;
  --text-muted:    #8888a8;
  --text-light:    #b4b4cc;

  /* === ANO BRAND === */
  --color-primary:        #44d498;
  --color-primary-hover:  #35c589;
  --color-primary-light:  rgba(68, 212, 152, 0.12);

  --color-secondary:       #20224d;
  --color-secondary-hover: #2b2e6e;
  --color-secondary-light: rgba(32, 34, 77, 0.08);

  --color-accent:        #44d498;
  --color-accent-hover:  #35c589;
  --color-accent-light:  rgba(68, 212, 152, 0.12);

  --color-success:       #44d498;
  --color-success-light: rgba(68, 212, 152, 0.10);

  --color-warning:       #f0b429;
  --color-warning-light: rgba(240, 180, 41, 0.10);

  --color-danger:        #e05c6b;
  --color-danger-light:  rgba(224, 92, 107, 0.10);

  --color-vip:           #7c4dff;
  --color-vip-light:     rgba(124, 77, 255, 0.10);

  /* === GRADIENTY === */
  --gradient-primary: linear-gradient(135deg, #20224d 0%, #44d498 100%);
  --gradient-accent:  linear-gradient(135deg, #44d498 0%, #5ee8af 100%);
  /* ciemniejsza mięta — dla tekstu na jasnych/szklanych tłach */
  --gradient-accent-deep: linear-gradient(135deg, #128a5c 0%, #2eb681 100%);
  --gradient-vip:     linear-gradient(135deg, #7c4dff 0%, #c040fb 100%);
  --gradient-soft:    linear-gradient(135deg, rgba(68,212,152,.06) 0%, rgba(32,34,77,.04) 100%);
  --gradient-mesh-1:  radial-gradient(at 15% 25%, rgba(68,212,152,.05) 0px, transparent 60%);
  --gradient-mesh-2:  radial-gradient(at 85% 75%, rgba(32,34,77,.06) 0px, transparent 60%);

  /* === FONTY === */
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* === CIENIE — delikatne na jasnym tle === */
  --shadow-sm:          0 1px 4px rgba(28,28,46,.08);
  --shadow-md:          0 4px 20px rgba(28,28,46,.10);
  --shadow-lg:          0 8px 40px rgba(28,28,46,.12);
  --shadow-xl:          0 20px 60px rgba(28,28,46,.14);
  --shadow-glow:        0 0 32px rgba(68, 212, 152, 0.22);
  --shadow-glow-accent: 0 0 32px rgba(68, 212, 152, 0.16);

  /* === OBRAMOWANIA === */
  --border-subtle: rgba(28, 28, 46, 0.08);
  --border-mint:   rgba(68, 212, 152, 0.30);

  /* === ZAOKRĄGLENIA — edytorskie = ostre === */
  --radius-sm:   3px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* === PRZEJŚCIA === */
  --transition-fast:    0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal:  0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:    0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-elastic: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === LAYOUT === */
  --max-width:        1200px;
  --max-width-narrow: 760px;
}