@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Główna paleta kolorów z wykorzystaniem zieleni */
    --color-bg-primary: #ffffff;   /* Czysta biel na tło strony (zmienione z zielonkawego) */
    --color-text-main: #000000;    /* Czysta czerń na nagłówki i główny tekst */
    --color-text-muted: #4B5563;   /* Neutralny szary na teksty poboczne (Tailwind gray-600) */
    --color-primary: #713F12;      /* Brąz dla przycisków i akcentów */
    --color-primary-hover: #5a310d;/* Jaśniejszy/ciemniejszy brąz po najechaniu */
    --color-bg-green: #1C3B27;     /* Ciemna zieleń na tła sekcji (tam, gdzie jest overlay) */
  }

  body {
    background-color: var(--color-bg-primary);
    color: var(--color-text-main);
    font-family: 'DM Sans', sans-serif;
  }
}

/* Animacja tekstu */
.word-anim {
    opacity: 0;
    transform: translateY(25px);
    display: inline-block;
    transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
}

.word-anim.is-visible {
    opacity: 1;
    transform: translateY(0);
}