:root {
    /* Colores principales */
    --wp-theme-color: #2271b1;
    --wp-theme-color-darker: #135e96;
    --wp-theme-color-darkest: #0a4b78;
    --wp-theme-color-lighter: #72aee6;
    
    /* Colores de estado */
    --success-color: #00a32a;
    --warning-color: #dba617;
    --error-color: #d63638;
    --info-color: #72aee6;
    
    /* Colores de fondo */
    --bg-primary: #f0f0f1;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f6f7f7;
    
    /* Colores de texto */
    --text-primary: #1d2327;
    --text-secondary: #50575e;
    --text-tertiary: #646970;
    --text-light: #ffffff;
    
    /* Bordes y sombras */
    --border-color: #c3c4c7;
    --border-focus: var(--wp-theme-color);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Espaciado */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* Tipografía */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    
    /* Bordes redondeados */
    --border-radius-sm: 2px;
    --border-radius-md: 4px;
    --border-radius-lg: 8px;
    
    /* Transiciones */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;
    
    /* Layout */
    --header-height: 60px;
    --sidebar-width: 250px;
}