/*
Theme Name: Everlys Chocolat
*/



:root {

    /* ===== COLORS ===== */
    --color-bg:#000;
    --color-bg-alt: #0a0a0a;

    --color-text: #fff;
    --color-text-muted: #ccc;
    --color-text-light: #888;
    --color-text-lighter: #aaa;
    --color-text-footer: #777;
    --color-text-credit: #555;

    --color-primary: #d4af37;
    --color-primary-hover: #b8962f;

    --color-overlay-dark: rgba(0,0,0,0.9);
    --color-overlay-light: rgba(0,0,0,0.3);

    --color-border: rgba(212,175,55,0.2);
    --color-border-strong: rgba(212,175,55,0.3);

    /* ===== TYPO ===== */
    --font-main: Arial, sans-serif;
    --font-title: Georgia, serif;
    --font-signature: cursive;

    /* ===== FONT SIZES ===== */
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 13px;
    --fs-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 28px;
    --fs-xxl: 36px;
    --fs-hero: 48px;

    /* ===== HEADER ===== */
    --header-height: 90px;

    /* ===== SPACING ===== */
    --space-xs: 5px;
    --space-sm: 10px;
    --space-md: 20px;
    --space-lg: 40px;
    --space-xl: 60px;
    --space-xxl: 80px;

    /* ===== TRANSITIONS ===== */
    --transition-fast: 0.3s;
    --transition-medium: 0.4s;
    --transition-slow: 1.2s;

    /* ===== Z-INDEX ===== */
    --z-menu: 1000;
    --z-header: 1200;
    --z-lightbox: 2000;

    /* ===== LIGHTBOX ===== */
    --lightbox-bg: rgba(0,0,0,0.95);

    /* ===== RADIUS ===== */
    --radius-round: 50%;

}