/* css/base/variables.css */
:root {
    /* Tipografía del Sistema */
    --sys-font: 'SF Pro Display', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --sys-font-bold: 'SF Pro Display', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --sys-font-italic: 'SF Pro Display', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* Dimensiones Core */
    --taskbar-height: 40px;
    --titlebar-height: 28px;
    --window-border-radius: 8px;

    /* Colores Windows 7 Aero Glass */
    --aero-bg: rgba(170, 209, 251, 0.45);
    --aero-border: rgba(255, 255, 255, 0.6);
    --aero-highlight: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    --aero-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

    /* Colores UI Interna */
    --window-body-bg: #f0f0f0;
    --text-primary: #000000;
    --text-muted: #666666;
    --status-bar-bg: #ededed;
    --accent-color: #0055ea;

    /* Variables que usa el sistema de botones y UI */
    --os-bg-color: #0b5394;
    --os-bg-dark: #061d3c;
    --os-text-main: #111111;
    --os-text-muted: #4d4d4d;
    --os-border: rgba(255,255,255,0.32);
    --os-accent: #5cb7ff;
    --os-accent-hover: #8fd0ff;
}

/* Utilidad Global: Efecto Cristal 
  Se aplica a ventanas y barra de tareas
*/
.glass-effect {
    background: var(--aero-bg);
    backdrop-filter: blur(12px); /* WPO: Aceleración por hardware */
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--aero-border);
    box-shadow: var(--aero-shadow), var(--aero-highlight);
}