/* Observatorio Climatológico Académico · Tecnológico Universitario EuroAmericano · © Prof. Feddor Derenzin M.
   Variables de diseño (colores, sombras). Cambie aquí la paleta de todo el sitio. */

:root {
    --bg-canvas: #090d16;
    --bg-surface: rgba(13, 18, 30, 0.90);
    --bg-card: rgba(20, 27, 45, 0.78);
    --bg-card-hover: rgba(28, 38, 62, 0.92);
    --border-subtle: rgba(255, 255, 255, 0.10);
    --border-bright: rgba(56, 189, 248, 0.35);
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent-cyan: #00e5ff;
    --accent-emerald: #10b981;
    --accent-amber: #f59e0b;
    --accent-red: #f43f5e;
    --accent-gold: #ffd600;
    --radius-lg: 14px;
    --radius-md: 10px;
    --radius-sm: 7px;
    --shadow-soft: 0 12px 36px rgba(0, 0, 0, 0.65);

    /* Escala de espaciado, radios y capas (nuevas) */
    --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px;
    --radio-s: 8px; --radio-m: 12px; --radio-l: 16px;
    --fuente-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --fuente-titulos: 'Outfit', var(--fuente-base);
    --fuente-mono: 'JetBrains Mono', ui-monospace, monospace;
    --alto-encabezado: 64px;   /* lo ajusta js/ui-adaptable.js según el tamaño real */
    --alto-dock: 56px;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}