/* KABO BRAMY — Global CSS */
/* Tokeny z dokumentu identyfikacja_wizualna.md */

:root {
  /* Kolory podstawowe */
  --color-brand-red:      #CD2526;
  --color-brand-dark:     #262221;
  --color-brand-white:    #FCFCFC;
  --color-brand-steel:    #747471;

  /* Kolory pomocnicze */
  --color-bg-light:       #F7F6F5;
  --color-text-primary:   #262221;
  --color-text-secondary: #4B4A48;
  --color-border:         #E5E4E2;
  --color-red-hover:      #A81E1F;
  --color-red-subtle:     #F0EDEC;

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   32px;
  --space-xl:   64px;
  --space-2xl:  128px;

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(38,34,33,0.08);
  --shadow-md:  0 4px 16px rgba(38,34,33,0.10);
  --shadow-lg:  0 8px 32px rgba(38,34,33,0.12);
  --shadow-red: 0 4px 16px rgba(205,37,38,0.25);

  /* Transitions */
  --transition: all 0.2s ease;
}

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

body {
  font-family: 'Inter', sans-serif;
  color: var(--color-text-primary);
  background: var(--color-brand-white);
}

h1, h2, h3, h4, .font-display {
  font-family: 'Montserrat', sans-serif;
}