/* ============================================================
   UNIVERSIDAD AUTÓNOMA — PLANE OVERRIDES (ULTRA-ROBUST)
   Modificaciones para plan.autonoma.net.pe
   ============================================================ */

/* 1. Fuentes de Marca */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&display=swap');

/* Reglas aplicadas a todos los selectores posibles para ganar especificidad */
:root,
:host,
html,
body,
[data-theme],
[data-theme*="light"],
[data-theme*="dark"],
[data-theme="custom"] {
  /* Tipografía */
  --font-body: 'Bricolage Grotesque', sans-serif !important;
  --font-heading: 'Bricolage Grotesque', sans-serif !important;
  
  /* Botones del sistema */
  --ua-btn-radius: 1.5rem !important;
  --ua-btn-font-weight: 700 !important;

  /* Escala de color naranja principal */
  --brand-100: #FFF0E6 !important;
  --brand-200: #FFD6BC !important;
  --brand-300: #FFA872 !important;
  --brand-400: #FF853E !important;
  --brand-500: #FF6600 !important;
  --brand-600: #E65C00 !important;
  --brand-700: #CC5200 !important;
  --brand-900: #993D00 !important;
  --brand-1000: #803300 !important;
  --brand-1100: #662900 !important;
  --brand-1200: #4D1F00 !important;
  --brand-default: #FF6600 !important;

  /* Mapeos de acento compilados en globals.css */
  --bg-accent-primary: #FF6600 !important;
  --bg-accent-primary-hover: #E65C00 !important;
  --bg-accent-primary-active: #CC5200 !important;
  
  --txt-accent-primary: #FF6600 !important;
  --txt-icon-accent-primary: #FF6600 !important;
  --txt-icon-accent-primary-inverse: #FFFFFF !important;
  
  --background-color-accent-primary: #FF6600 !important;
  --background-color-accent-primary-hover: #E65C00 !important;
  --background-color-accent-primary-active: #CC5200 !important;
  
  --text-color-accent-primary: #FF6600 !important;
  --stroke-accent-primary: #FF6600 !important;
  --fill-accent-primary: #FF6600 !important;
  --text-color-icon-accent-primary: #FF6600 !important;
  --text-color-icon-accent-primary-inverse: #FFFFFF !important;
  
  --border-color-accent-strong: #FF6600 !important;
  --border-accent-strong: #FF6600 !important;
  
  /* Barra de progreso de carga superior */
  --bprogress-color: #FF6600 !important;
}

/* Aplicar tipografía a todo el sitio */
body, html, input, button, select, textarea, [class*="text-"] {
  font-family: 'Bricolage Grotesque', sans-serif !important;
}

/* 2. Geometría y Peso de los Botones */
button, .btn, [class*="btn-"], [class*="button_"], [role="button"] {
  border-radius: var(--ua-btn-radius) !important;
  font-weight: var(--ua-btn-font-weight) !important;
}

/* Exclusión para botones tipo tabs o links que no deben redondearse */
[role="tab"], .tab, a[href*="settings"] {
  border-radius: 4px !important;
}

/* 3. Reemplazo del Logo de Plane en el Login */
svg[class*="logo"], div[class*="login"] svg[class*="logo"], div[class*="auth"] svg {
  display: none !important;
}

div[class*="login"] .flex.items-center.justify-center, 
div[class*="auth"] .flex.items-center.justify-center {
  background-image: url('/brand/logoua/Logo-Color.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 220px !important;
  height: 70px !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 4. Reemplazo del Logo de Plane en el Sidebar (Menú Lateral) */
div[class*="sidebar"] a[href*="workspace"] svg,
div[class*="sidebar"] div[class*="logo"] svg {
  display: none !important;
}

div[class*="sidebar"] a[href*="workspace"]::before,
div[class*="sidebar"] div[class*="logo"]::before {
  content: "" !important;
  background-image: url('/brand/logoua/Logo-Blanco.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-block !important;
  margin-right: 8px !important;
}