/* aego.pl — design tokens
   Źródło: projekt graficzny (3 warianty wejścia), 2026-07.
   Nie kopiować z KoloTech/titanroll — inna branża, inna paleta. */

:root {
  /* Kolor główny — ciemny granat/teal (nagłówki hero, karty wyróżnione) */
  --aego-navy:        #0f2438;
  --aego-navy-2:      #163650;
  --aego-navy-soft:   #e8eef3;

  /* CTA głównego lejka (wejście 1 i 2 — ogólne i ukierunkowane) */
  --aego-cta:         #e8720f;
  --aego-cta-hover:   #c95f09;
  --aego-cta-soft:    #fdf0e3;

  /* Zielony przycisk selektora zawodu (wersja 1) */
  --aego-green:       #1c8a52;
  --aego-green-hover: #156b3f;

  /* Fiolet — zarezerwowany WYŁĄCZNIE dla szablonu wejścia problemowego (wersja 3, strony z Google/SEO) */
  --aego-problem:      #7c3aed;
  --aego-problem-hover:#6425c9;
  --aego-problem-soft: #f2e9fe;

  /* Neutralne */
  --aego-ink:         #1a2027;
  --aego-ink-2:       #4a5366;
  --aego-line:        #e3e6ec;
  --aego-surface:     #ffffff;
  --aego-surface-2:   #f6f7f9;

  --aego-r:    8px;
  --aego-r-lg: 12px;
  --aego-max:  1200px;

  --aego-shadow:     0 1px 3px rgba(15, 36, 56, .06), 0 8px 24px rgba(15, 36, 56, .05);
  --aego-shadow-pop: 0 12px 40px rgba(15, 36, 56, .14);
}

/* Fonty duże i czytelne — odbiorca 35-55, dużo ruchu mobile z FB (rekonesans_konwersja.md) */
body {
  font-size: 16px;
  line-height: 1.55;
  color: var(--aego-ink);
}

.aego-container {
  max-width: var(--aego-max);
  margin: 0 auto;
  padding: 0 24px;
}