/* =========================================
   01-VARIABLES
   ========================================= */

:root {
    /* Quiet Luxury Palette */
    --gold: #D4AF37;
    --navy: #000000;
    --gold-muted: #C9A23F;
    --gold-main: #C9A23F;
    --navy-deep: #1A1A1A;
    /* Deep Charcoal instead of Navy */
    /* primary text/accent */
    --bg-accent: #1A1A1A;
    /* primary dark background */
    --bg-primary: #FFFFFF;
    --bg-secondary: #FAFAFA;
    --white: #FFFFFF;

    --text-main: #111827;
    --text-secondary: #6B7280;
    --border-light: rgba(0, 0, 0, 0.06);

    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.03);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --header-bg: rgba(255, 255, 255, 0.95);

    /* --- LAYOUT OFFSETS --- */
    --navbar-height-desktop: 80px;
    --navbar-height-mobile: 65px;
    --total-header-mobile: 65px;
}

html[data-theme="dark"] {
    --bg-primary: #262626;
    /* Light Charcoal / Dark Grey */
    --bg-secondary: #333333;
    /* Neutral Grey */
    --bg-accent: #171717;
    /* Even darker grey for accent backgrounds */
    --text-main: #f5f5f5;
    --text-secondary: #a1a1aa;

    /* SEMANTIC FIX: Updated for text visibility */
    --navy-deep: #ffffff;
    --gold-main: #D4AF37;

    --white: #404040;
    /* Grey surfaces */
    --header-bg: rgba(38, 38, 38, 0.98);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.2);
    --border-light: rgba(255, 255, 255, 0.1);
}

/* =========================================
   Z-INDEX SYSTEM
   ========================================= */
:root {
    --z-negative: -1;
    --z-normal: 1;
    --z-dropdown: 100;
    --z-sticky: 500;
    --z-fixed: 1000;
    --z-modal-backdrop: 2000;
    --z-modal: 2001;
    --z-tooltip: 3000;
}