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

:root {
    --font-base: 'Manrope', sans-serif;
    --font-mono: 'Courier New', monospace;

    /* Podstawowe odcienie szarości */
    --gray-100: #f8f9fa; /* bardzo jasny szary, np. tło sekcji */
    --gray-200: #e9ecef; /* jasny szary, np. obramowania */
    --gray-230: #a9acaf;
    --gray-300: #6c757d; /* średni szary, elementy i tekst pomocniczy */
    --gray-400: #495057; /* ciemny szary, nagłówki i ikony */
    --gray-500: #212529; /* najciemniejszy szary, podstawowy tekst */

    /* Stałe kolory */
    --color-white: #ffffff; /* kolor biały */
    --color-black: #000000; /* kolor czarny */

    --color-text: var(--gray-500);

    --color-header-bg: var(--color-black);
    --color-header-text: var(--gray-200); 
    --color-header-text-hover: var(--color-white);

    --color-footer-bg: var(--color-black);
    --color-footer-text: var(--gray-200); 
    --color-footer-text-hover: var(--color-white); 
    
    --color-background: var(--color-white);

    --color-background-alt: var(--gray-100);
    --color-border: var(--gray-200);
    --color-primary: var(--gray-300);
    --color-primary-dark: var(--gray-400);
    --color-link: #3b82f6;
    --color-link-hover: #0056b3;
    --color-success: #28a745;
    --color-error: #ef4444;
    --button-apple-blue: #0071e3;
    --button-apple-blue-hover: #0062c4;
    --color-button: var(--button-apple-blue);
    --color-button-hover: var(--button-apple-blue-hover);
    --radius-base: 25px;

    /* Kolory ikon zmiany widoku (lista/kafelki) na archiwum adapterów */
    --view-switcher-icon-color: var(--gray-230); /* kolor ikon w stanie normalnym */
    --view-switcher-icon-hover-color: var(--gray-200); /* kolor ikon po najechaniu myszką */
    /* Akcent żółty dla ważnych elementów */
    --color-accent-yellow: #fbbf24; /* żółty akcent */
    --color-accent-yellow-hover: #f59e0b; /* ciemniejszy żółty na hover */
    --color-accent-yellow-light: #fef3c7; /* jasny żółty dla tła */

    /* Zmienne dla strony "Gdzie kupić" - utrzymują ton czarno-biało-szary */
    --gdziekupic-card-bg: var(--color-white); /* tło karty dystrybutora */
    --gdziekupic-card-border: var(--gray-200); /* obramowanie karty */
    --gdziekupic-card-border-hover: var(--gray-400); /* obramowanie karty na hover */
    --gdziekupic-card-header-bg: var(--gray-100); /* tło nagłówka karty */
    --gdziekupic-icon-bg: var(--gray-400); /* tło ikony dystrybutora */
    --gdziekupic-icon-color: var(--color-white); /* kolor ikony */
    --gdziekupic-button-bg: var(--button-apple-blue); /* tło przycisku kontaktu */
    --gdziekupic-button-bg-hover: var(--button-apple-blue-hover); /* tło przycisku na hover */
    --gdziekupic-button-text: var(--color-white); /* tekst przycisku */
    --gdziekupic-map-marker-bg: var(--color-accent-yellow); /* kolor znacznika na mapie */
    --gdziekupic-map-marker-border: var(--color-white); /* obramowanie znacznika */
    --gdziekupic-link-color: var(--gray-400); /* kolor linków */
    --gdziekupic-link-hover: var(--gray-500); /* kolor linków na hover */
    --gdziekupic-counter-color: var(--color-accent-yellow); /* kolor licznika */
    --gdziekupic-filter-bg: var(--gray-100); /* tło sekcji filtrów */
    --gdziekupic-filter-select-bg: var(--color-white); /* tło selecta */
    --gdziekupic-filter-border: var(--gray-200); /* obramowanie filtrów */
    --gdziekupic-filter-border-focus: var(--gray-400); /* obramowanie filtrów w focus */

    /* Dark theme - zmienne */
    --dark-bg: #000000; /* kompletnie czarne tło */
    --dark-bg-alt: #1a1a1a; /* alternatywne ciemne tło */
    --dark-text: #e5e5e5; /* jasny tekst */
    --dark-text-secondary: #a0a0a0; /* drugorzędny tekst */
    --dark-border: #333333; /* ciemne obramowanie */
    --dark-card-bg: #1f1f1f; /* tło karty w dark mode */
    --dark-card-header-bg: #2a2a2a; /* tło nagłówka karty w dark mode */


}