/* ============================================================
   BEAUTY SKIN BC — Design Tokens
   Stałe projektowe: kolory, typografia, spacing, cienie
============================================================ */

:root {
    /* --- Neutrals --- */
    --white:        #FFFFFF;
    --gray-100:     #F8F7F5;
    --gray-150:     #F2EFE9;
    --gray-200:     #E8E4DC;
    --gray-400:     #B8B3A8;
    --gray-600:     #888580;
    --gray-800:     #4A4744;
    --charcoal:     #2C2B28;
    --charcoal-dark:#1A1916;

    /* --- Brand Gold --- */
    --gold:             #B8965A;
    --gold-light:       #C9A96E;
    --gold-pale:        #E8D5B0;
    --gold-dark:        #8E6F3A;
    --gold-ultra-light: #F5EDD8;

    /* --- Typography --- */
    --font-display: 'Playfair Display', Georgia, serif;
    --font-accent:  'Cormorant Garamond', Georgia, serif;
    --font-body:    'Lato', system-ui, sans-serif;

    /* --- Shadows --- */
    --shadow-sm: 0 2px 12px rgba(90, 72, 40, 0.08);
    --shadow-md: 0 8px 32px rgba(90, 72, 40, 0.12);
    --shadow-lg: 0 20px 60px rgba(90, 72, 40, 0.16);

    /* --- Radii --- */
    --radius:    50px;
    --radius-lg: 16px;

    /* --- Transitions --- */
    --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    /* --- Layout --- */
    --container-max: 1656px;
    --container-pad: 40px;
    --header-height: 88px;
}