/* -----------------------------------------------------------------------------
   Design Tokens — CSS Custom Properties
   All project-wide variables: colors, shadows, radii, spacing.
----------------------------------------------------------------------------- */
:root {
    /* Kolor tła górnego menu */
    --navbar-bg: #14161A;

    /* Główne kolory */
    --primary-green: #7BB93E;
    --primary-bg: #fafafa;

    /* Odcienie pochodne dla hoverów i akcentów */
    --primary-green-dark: #69a133;
    --primary-green-darker: #56842a;

    /* Jasne odcienie tła sekcji */
    --light-green: #f2f7ec;
    --lighter-green: #fafcf8;
    --green-hover: #eaf2e1;

    /* Kolory tekstu */
    --text-primary: #1a1a1a;
    --text-secondary: #525252;
    --text-tertiary: #737373;
    --text-dark: #2d3748;
    --text-medium: #4a5568;
    --text-light: #abb1bf;
    --text-white: #ffffff;

    --neutral-50: #fafafa;
    --neutral-100: #f5f5f5;
    --neutral-200: #e5e5e5;
    --neutral-300: #d4d4d4;
    --neutral-400: #a3a3a3;
    --neutral-500: #737373;
    --neutral-600: #525252;
    --neutral-700: #404040;
    --neutral-800: #262626;
    --neutral-900: #171717;
    --border-color: #e5e5e5;

    /* Cienie */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    /* Zaokrąglenie elementów */
    --radius-small: 6px;

    /* App-specific shorthand */
    --btn-green: var(--primary-green);
}