/* Globalne zmienne CSS */
:root {
    /* Podstawowe fonty */
    --font-primary: 'Cinzel', serif;
    --font-secondary: 'Montserrat', sans-serif;

    /* Kolory (tryb jasny) */
    --primary-color: #b8a88a;
    --primary-light: #d7cbb8;
    --primary-dark: #8e7c5c;
    --accent-color: #9a8566;

    /* Zmienne dla trybu jasnego (domyślne) */
    --bg-color: #ffffff;
    --bg-secondary: #f8f8f8;
    --bg-tertiary: #f0f0f0;
    --bg-light-gray: #f5f5f5;
    --bg-lighter-gray: #fafafa;
    --text-color: #333333;
    --text-secondary: #777777;
    --text-muted: #999999;
    --border-color: #e5e5e5;

    /* Komponenty UI */
    --border-radius: 8px;
    --border-radius-small: 5px;
    --border-radius-large: 15px;
    --transition: all 0.3s ease;
    --shadow-soft: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.15);
    --shadow-hard: 0 10px 40px rgba(0, 0, 0, 0.2);

    /* Layout */
    --container-width: 1200px;
    --container-padding: 20px;

    /* Nawigacja i sidebary */
    --header-bg: rgba(255, 255, 255, 0.95);
    --header-text: #333333;
    --sidemenu-bg: #ffffff;
    --sidemenu-text: #333333;
    --sidebar-bg: rgba(255, 255, 255, 0.8);
    --bubble-bg: rgba(0, 0, 0, 0.1);

    /* Kontakt */
    --contact-bar-bg: #f0f0f0;
    --contact-bar-text: #333333;
}

/* Zmienne dla trybu ciemnego */
[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --bg-secondary: #222222;
    --bg-tertiary: #2a2a2a;
    --bg-light-gray: #2a2a2a;
    --bg-lighter-gray: #242424;
    --text-color: #ffffff;
    --text-secondary: #cccccc;
    --text-muted: #999999;
    --border-color: rgba(255, 255, 255, 0.1);

    --shadow-soft: 0 5px 15px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-hard: 0 10px 40px rgba(0, 0, 0, 0.5);

    --header-bg: rgba(0, 0, 0, 0.7);
    --header-text: #ffffff;
    --sidemenu-bg: #222222;
    --sidemenu-text: #ffffff;
    --sidebar-bg: rgba(0, 0, 0, 0.7);
    --bubble-bg: rgba(255, 255, 255, 0.1);

    /* Kontakt */
    --contact-bar-bg: #333333;
    --contact-bar-text: #ffffff;
}

/* Kolory sekcji - tryb jasny */
:root {
    --hero-bg: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    --about-bg: #ffffff;
    --help-bg: var(--bg-light-gray);
    --services-bg: #ffffff;
    --ceremony-bg: var(--bg-light-gray);
    --cremation-bg: #ffffff;
    --farewell-bg: var(--bg-lighter-gray);
    --testimonials-bg: var(--bg-light-gray);
    --footer-bg: #333333;
    --footer-text: #ffffff;
}

/* Kolory sekcji - tryb ciemny */
[data-theme="dark"] {
    --hero-bg: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    --about-bg: #222222;
    --help-bg: #2c2c2c;
    --services-bg: #333333;
    --ceremony-bg: #2a2a2a;
    --cremation-bg: #222222;
    --farewell-bg: #242424;
    --testimonials-bg: #1e1e1e;
    --footer-bg: #1a1a1a;
    --footer-text: #ffffff;
}