/* ================================================================
   Perfor.ar · Brand overrides
   Requiere: brand-base.css
   ================================================================ */

:root {
    /* Marca oficial Perfor.ar — ámbar/cobre sobre acero */
    --perforar-color:       var(--accent, #F7A325);
    --perforar-color-light: var(--accent-h, #FFC957);
    --perforar-color-2:     var(--accent-2, #E8631C);  /* cobre para ".ar" */
}

/* Módulo: transparente (el isotipo diamante ya trae su propia paleta) */
.brand--perforar .module {
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
/* Tile/app-icon: módulo dark con el diamante adentro (estilo brand-sheet) */
.brand--perforar.brand--tile .module {
    background: var(--perforar-dark, #0E1726);
    box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--perforar-strata, #33425C) 80%, transparent);
}
/* Diamante isotipo SVG (inline) — ocupa todo el módulo */
.brand--perforar .iso {
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 4px 8px color-mix(in oklch, var(--perforar-color) 45%, transparent));
}
/* Legacy: ocultar emblem antiguo si quedó en alguna vista */
.brand--perforar .emblem { display: none; }

/* Wordmark: "Perfor" en texto, ".ar" / .track en cobre acento */
.brand--perforar .wordmark .track {
    color:       var(--perforar-color-2);
    font-weight: 900;
}

/* Dark: "Perfor" en blanco hueso, ".ar" en cobre cálido */
.brand--dark.brand--perforar .wordmark        { color: #EAF1FA; }
.brand--dark.brand--perforar .wordmark .track { color: var(--perforar-color); }