/* Centralized CSS Variables for Zelda Central Theme */
:root {
    /* Core Theme Colors */
    --menu-bg: #151e14;
    --menu-text: #a6cc8b;
    --highlight-color: #d4af37;
    --light-brown: #2a3a29;
    --glow-color: rgba(236, 215, 73, 0.8);
    --subpage-bg: #f8e8a0;
    --subpage-text: #000000;
    --subpage-highlight: #a03000;
    --main-bg: #253124;
    --main-accent: #a6cc8b;
    --main-dark: #1a2419;
    --main-light: #fff;
    --main-brown: #000000;
    --main-gold: #d4af37;
    --main-green: #8fb878;
    --main-shadow: rgba(0,0,0,0.2);
    
    /* Text Colors */
    --text-primary: #000000;
    --text-secondary: #1a2419;
    --text-light: #fff;
    --text-link: #3a5a32; /* Dark forest green for better contrast */
    --text-link-hover: #a03000;
    --text-muted: #666;
    
    /* Dimensions */
    --border-radius: 5px;
    --border-radius-lg: 8px;
    --transition-speed: 0.25s;
    --transition-easing: ease-in-out;
    --menu-height: 135px;
    --menu-item-width: 100px;
    --menu-item-height: 120px;
    --icon-size: 56px;
    --scroll-btn-width: 35px;
    
    /* Spacing - for consistent margins and padding */
    --space-xs: 0.25rem;  /* 4px */
    --space-sm: 0.5rem;    /* 8px */
    --space-md: 1rem;      /* 16px */
    --space-lg: 1.5rem;    /* 24px */
    --space-xl: 2rem;      /* 32px */
    --space-xxl: 3rem;     /* 48px */
    
    /* Typography */
    --font-family-primary: 'Outfit', sans-serif;
    --font-family-accent: 'EB Garamond', serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    --font-weight-extra-bold: 700;
    --line-height-normal: 1.5;
    --line-height-tight: 1.3;
    --line-height-loose: 1.8;
    
    /* Container widths */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-xxl: 1320px;
    
    /* Z-index layers */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
}