:root {
    /* ==========================================================================
       Color Palette - Semantic
       ========================================================================== */
    --color-brand-primary: #F59E0B;
    --color-brand-primary-dark: #D97706;
    --color-brand-primary-light: #FEF3C7;
    --color-brand-secondary: #7C3AED;
    --color-brand-secondary-dark: #6D28D9;
    --color-brand-secondary-light: #EDE9FE;
    --color-brand-accent: #EC4899;
    --color-brand-accent-light: #FCE7F3;
    --color-brand-success: #10B981;
    --color-brand-success-light: #D1FAE5;

    --color-neutral-900: #1E293B;
    --color-neutral-700: #334155;
    --color-neutral-500: #64748B;
    --color-neutral-300: #CBD5E1;
    --color-white: #FFFFFF;
    --color-black: #000000;

    --color-heading: var(--color-neutral-900);
    --color-text: var(--color-neutral-700);
    --color-text-light: var(--color-neutral-500);
    --color-text-inverse: var(--color-white);

    --color-background: #FFFBF5;
    --color-background-surface: var(--color-white);
    --color-background-gray: var(--color-brand-primary-light);
    --color-background-dark: var(--color-neutral-900);

    --color-primary: var(--color-brand-primary);
    --color-primary-dark: var(--color-brand-primary-dark);
    --color-primary-light: var(--color-brand-primary-light);
    --color-secondary: var(--color-brand-secondary);
    --color-secondary-light: var(--color-brand-secondary-light);
    --color-accent: var(--color-brand-accent);
    --color-accent-light: var(--color-brand-accent-light);
    --color-success: var(--color-brand-success);
    --color-success-light: var(--color-brand-success-light);
    --color-gray-300: var(--color-neutral-300);

    /* ==========================================================================
       Gradients
       ========================================================================== */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary), var(--color-brand-secondary-dark));
    --gradient-section-path: linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-background) 100%);

    /* ==========================================================================
       Typography
       ========================================================================== */
    --font-family-primary: "Poppins", sans-serif;

    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.05rem;
    --font-size-h2: clamp(1.8rem, 4vw, 2.6rem);
    --font-size-h1: clamp(2rem, 4.5vw, 3.2rem);
    --font-size-display: clamp(1.8rem, 4vw, 2.8rem);

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --line-height-tight: 1.2;
    --line-height-normal: 1.7;
    --line-height-relaxed: 1.8;

    /* ==========================================================================
       Spacing Scale
       ========================================================================== */
    --spacing-0: 0;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-8: 2rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;

    --spacing-section: 6.25rem;
    --spacing-section-sm: 5rem;
    --spacing-section-lg: 6.25rem;
    --grid-gap: var(--spacing-8);
    --grid-min: 280px;

    /* ==========================================================================
       Containers
       ========================================================================== */
    --container-padding: 1.5rem;
    --container-xs: 30rem;
    --container-sm: 40rem;
    --container-md: 48rem;
    --container-lg: 64rem;
    --container-xl: 75rem;
    --container-max: 75rem;

    /* ==========================================================================
       Radius
       ========================================================================== */
    --radius-base: 1rem;
    --radius-lg: 1.5rem;
    --radius-full: 3.125rem;

    /* ==========================================================================
       Shadows
       ========================================================================== */
    --shadow-sm: 0 4px 16px rgba(245, 158, 11, 0.35);
    --shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.1);

    /* ==========================================================================
       Motion
       ========================================================================== */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* ==========================================================================
       Header / Navbar
       ========================================================================== */
    --nav-logo-height: 4.25rem;

    /* ==========================================================================
       Legacy aliases - do usunięcia
       ========================================================================== */
    --primary: var(--color-primary); /* legacy, do usunięcia */
    --primary-dark: var(--color-primary-dark); /* legacy, do usunięcia */
    --primary-light: var(--color-primary-light); /* legacy, do usunięcia */
    --secondary: var(--color-secondary); /* legacy, do usunięcia */
    --secondary-light: var(--color-secondary-light); /* legacy, do usunięcia */
    --accent: var(--color-accent); /* legacy, do usunięcia */
    --accent-light: var(--color-accent-light); /* legacy, do usunięcia */
    --green: var(--color-success); /* legacy, do usunięcia */
    --green-light: var(--color-success-light); /* legacy, do usunięcia */
    --dark: var(--color-heading); /* legacy, do usunięcia */
    --text: var(--color-text); /* legacy, do usunięcia */
    --text-light: var(--color-text-light); /* legacy, do usunięcia */
    --bg: var(--color-background); /* legacy, do usunięcia */
    --white: var(--color-white); /* legacy, do usunięcia */
    --radius: var(--radius-base); /* legacy, do usunięcia */
}