:root {
    /* Colores principales */
    --primary: #8B4513;
    --secondary: #D2691E;
    --accent: #CD853F;
    --dark: #2C1810;
    --light: #F5DEB3;
    
    /* Estados */
    --success: #228B22;
    --danger: #DC143C;
    --warning: #FF8C00;
    --info: #4682B4;
    
    /* Fondos */
    --bg: #FAF0E6;
    --bg-card: #ffffff;
    --bg-hover: #fafafa;
    
    /* Sombras */
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.12);
    --shadow-toast: 0 10px 40px rgba(0,0,0,0.2);
    
    /* Bordes */
    --border-light: #eee;
    --border-medium: #e0e0e0;
    --border-dark: #ddd;
    
    /* Tipografía */
    --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
    --font-size-4xl: 32px;
    --font-size-5xl: 42px;
    
    /* Espaciado */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-2xl: 25px;
    --space-3xl: 30px;
    
    /* Layout */
    --sidebar-width: 280px;
    --header-height: auto;
    --border-radius-sm: 8px;
    --border-radius-md: 10px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
    --border-radius-2xl: 20px;
    
    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Z-index */
    --z-sidebar: 1000;
    --z-modal: 2000;
    --z-toast: 3000;
    --z-menu-toggle: 1001;
}