/*
 Theme Name: Emmir Milano
 Theme URI: https://emmirmilano.com
 Description: Luxury genderless perfumery — GeneratePress child theme
 Author: Emmir Milano
 Author URI: https://emmirmilano.com
 Template: generatepress
 Version: 1.0.0
 Text Domain: emmir-milano
*/

:root {
    --color-primary:        #000000;
    --color-accent:         #aca486;
    --color-white:          #ffffff;
    --color-text:           #333333;
    --color-text-muted:     #888888;
    --color-text-light:     #aab9be;
    --color-gray-neutral:   #525354;
    --color-bg:             #ffffff;
    --color-bg-alt:         #f8f8f8;
    --color-bg-dark:        #000000;
    --color-bg-gold:        #aca486;
    --color-border:         #e8e8e8;
    --color-border-alt:     #e3e4e4;
    --font-heading:         'Raleway', sans-serif;
    --font-body:            'Poppins', sans-serif;
    --font-accent:          'Cardo', serif;
    --text-logo:            18px;
    --text-logo-sub:        11px;
    --text-hero-heading:    72px;
    --text-page-title:      48px;
    --text-section-heading: 32px;
    --text-product-name:    14px;
    --text-product-price:   14px;
    --text-body:            14px;
    --text-body-sm:         13px;
    --text-body-xs:         11px;
    --text-nav:             12px;
    --text-button:          11px;
    --text-footer-label:    11px;
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;
    --space-32: 128px;
    --header-height:        72px;
    --header-height-mobile: 60px;
    --container-max:        1280px;
    --container-padding:    80px;
    --sidebar-width:        200px;
    --footer-padding-top:   64px;
    --footer-padding-bottom: 32px;
    --footer-gap:           80px;
    --radius: 0px;
    --transition-fast:  0.2s ease;
    --transition-base:  0.25s ease;
    --transition-slow:  0.35s cubic-bezier(0.4, 0, 0.2, 1);
}