:root {
  /* — Kolory — */
  --sage:          #1B4332;
  --sage-dark:     #13351F;
  --sage-darker:   #0D2415;
  --sage-light:    #2D6A4F;
  --sage-pale:     #D8F3DC;

  --cream:         #FBF7F0;
  --cream-dark:    #F3EDE1;
  --cream-darker:  #E8DFD0;

  --burgundy:      #7B1D2A;
  --burgundy-dark: #5C1520;
  --burgundy-light:#A33845;

  --gold:          #C4A35A;
  --gold-light:    #D9BC7E;
  --gold-pale:     #F5EDD5;

  --dark:   #2A2A2A;
  --medium: #5A5A5A;
  --light:  #9A9A9A;
  --border: #DDD8CE;
  --white:  #FFFFFF;

  /* — Typografia — */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Lato', 'Helvetica Neue', Arial, sans-serif;

  /* — Układ — */
  --nav-height:    72px;
  --max-width:     1200px;
  --section-pad-y: 96px;
  --section-pad-x: 24px;

  /* — Cienie — */
  --shadow-sm: 0 2px 8px  rgba(42,42,42,.06);
  --shadow-md: 0 4px 20px rgba(42,42,42,.10);
  --shadow-lg: 0 8px 40px rgba(42,42,42,.14);
  --shadow-xl: 0 16px 60px rgba(42,42,42,.18);

  /* — Promienie — */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 50px;

  /* — Przejścia — */
  --t-fast: .2s ease;
  --t:      .35s ease;
  --t-slow: .55s ease;
}