:root {
    /* Core brand colors */
    --azul-marino: #003366;
    --rojo: #cc0000;
    --blanco: #ffffff;
    --dorado: #ffcc00;
    
    /* Functional variables */
    --primary: var(--azul-marino);
    --secondary: var(--rojo);
    --accent: var(--dorado);
    --background: var(--blanco);
    
    /* Text colors */
    --text-primary: #2d3748;
    --text-secondary: #718096;
    
    /* UI Elements */
    --card-bg: #ffffff;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --border-color: #e2e8f0;
    
    /* Primary variants */
    --primary-light: #90a8c8;
    --primary-dark: #002244;
    
    /* Status colors */
    --success: #38a169;
    --success-light: #c6f6d5;
    --warning: #dd6b20;
    --warning-light: #feebc8;
    --danger: #e53e3e;
    
    /* Interactive states */
    --hover-bg: #edf2f7;
    --input-bg: #f0f4f8;
}