/* ==========================================================================
   Design Tokens - GEWEL
   ========================================================================== */

:root {
    /* Primary Colors */
    --gold-500: #BFA174;
    --gold-600: #a98d62;
    --gold-700: #9a7c52;
    --gold-800: #8b6940; /* Nouvelle couleur pour meilleur contraste */
    --gold-300: #d6c1a1;
    --gold-200: #e5d6b8;
    --gold-100: #f4e9d9;
    
    /* Couleurs accessibles pour text */
    --gold-text-dark: #705940; /* 4.51:1 sur blanc - conforme WCAG AA */
    --gold-text-light: #f4e9d9; /* Utilisable sur fonds sombres */
    
    /* Neutral Colors */
    --ink-900: #0f1215;
    --ink-700: #3a4046;
    --ink-600: #4b5563;
    --ink-500: #6b7280;
    --ink-400: #9ca3af;
    --ink-300: #d1d5db;
    
    /* Background Colors */
    --paper: #f6f3ee;
    --paper-contrast: #ffffff;
    --grey-100: #f9fafb;
    --grey-200: #f3f4f6;
    --grey-300: #e5e7eb;
    
    /* Dark Accents */
    --olive-900: #1f2617;
    --brown-800: #3e2723;
    
    /* Layout */
    --container: 1200px;
    --top-band-height: 40px;
    
    /* Spacing */
    --g-xxl: 112px;
    --g-xl: 88px;
    --g-lg: 64px;
    --g-md: 40px;
    --g-sm: 24px;
    --g-xs: 16px;
    --g-xxs: 12px;
    
    /* Border Radius */
    --r-xl: 24px;
    --r-lg: 16px;
    --r-md: 12px;
    --r-sm: 8px;
    --r-xs: 4px;
    
    /* Shadows */
    --shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 16px 48px rgba(0, 0, 0, 0.09);
    --shadow-hard: 0 20px 64px rgba(0, 0, 0, 0.12);
    --shadow-subtle: 0 4px 14px rgba(0, 0, 0, 0.06);
    
    /* Transitions */
    --transition-base: 0.25s ease;
    --transition-slow: 0.35s ease;
    --transition-fast: 0.15s ease;
    
    /* Typography */
    --font-heading: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Font Weights */
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    
    /* Layout Heights */
    --header-height: 80px;
    
    /* Z-index */
    --z-dropdown: 100;
    --z-header: 200;
    --z-modal: 300;
    --z-tooltip: 400;
}