/*
 * Hoja de Estilos Corporativa Centralizada - AVR System Control
 * Proyecto: ServerConfig / Shared Resources
 * Proposito: Definicion unificada de variables cromaticas, tipografia y elementos de marca para todos los sitios
 */

:root {
    /* Paleta cromatica principal (Modo Oscuro) */
    --corporate-bg-main: #08080a;
    --corporate-bg-card: rgba(18, 18, 22, 0.85);
    --corporate-bg-card-hover: rgba(26, 26, 32, 0.95);
    --corporate-bg-inset: rgba(12, 12, 15, 0.9);

    /* Bordes y delimitadores */
    --corporate-border-subtle: rgba(255, 255, 255, 0.08);
    --corporate-border-color: rgba(255, 255, 255, 0.12);
    --corporate-border-hover: rgba(255, 255, 255, 0.25);

    /* Tipografia y textos */
    --corporate-text-primary: #ffffff;
    --corporate-text-secondary: #a1a1aa;
    --corporate-text-muted: #71717a;

    /* Acentos y estados operativos */
    --corporate-accent: #f4f4f5;
    --corporate-accent-hover: #ffffff;
    --corporate-success: #10b981;
    --corporate-warning: #f59e0b;
    --corporate-danger: #ef4444;
    --corporate-info: #3b82f6;

    /* Sombras y elevacion */
    --corporate-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --corporate-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.6);
    --corporate-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.8);
    --corporate-glow-logo: 0 0 35px rgba(255, 255, 255, 0.12), 0 6px 16px rgba(0, 0, 0, 0.7);

    /* Radios de borde */
    --corporate-radius-sm: 6px;
    --corporate-radius-md: 10px;
    --corporate-radius-lg: 16px;
    --corporate-radius-pill: 9999px;
}

/* Componente de Marca Oficial Unificado */
.corporate-logo {
    display: inline-block;
    object-fit: contain;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: var(--corporate-glow-logo);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.corporate-logo:hover {
    transform: scale(1.04);
    box-shadow: 0 0 45px rgba(255, 255, 255, 0.22), 0 8px 24px rgba(0, 0, 0, 0.85);
}