/* ==========================================================================
   Abud y Cía — Brand tokens (override sobre sh-tokens.css)
   Cargar SIEMPRE después de sh-tokens.css en base.html.
   Manual: ~/OneDrive-Springhead/23. Proyecto Abud/01_branding/manual/
   Spec:   ~/OneDrive-Springhead/23. Proyecto Abud/01_branding/_markdown/brand_spec.md
   ========================================================================== */

:root {
  /* ---- Paleta principal Abud (manual de marca, marzo 2026) ---- */
  --abd-green-light: #3FAD56;   /* acento, CTAs, ampersand "&", iconografía */
  --abd-green-dark:  #008A58;   /* institucional, headers hero, fondos profundos */
  --abd-ink:         #1A1A1A;   /* 90% black — texto principal, NUNCA negro puro */

  /* Escala derivada del verde claro (lighten/darken) */
  --abd-green-50:   #EAF6ED;
  --abd-green-100:  #CCEBD3;
  --abd-green-200:  #A8DDB6;
  --abd-green-300:  #7DCC92;
  --abd-green-400:  #5FBE76;
  --abd-green-500:  var(--abd-green-light);
  --abd-green-600:  #2C9C45;
  --abd-green-700:  var(--abd-green-dark);
  --abd-green-800:  #006F47;
  --abd-green-900:  #00553A;

  /* ---- Override de tokens Springhead semánticos ---- */
  /* La identidad visual de Abud reemplaza el navy/teal/yellow de Springhead */
  --sh-navy:        var(--abd-green-dark);
  --sh-navy-deep:   #00553A;
  --sh-teal:        var(--abd-green-light);
  --sh-teal-soft:   #5FBE76;
  --sh-yellow:      #F5B301;          /* amarillo Montefrutal Polen como acento secundario */
  --sh-yellow-soft: #FFD874;
  --sh-yellow-ink:  #8A6300;

  /* Escala ink: re-mapeada para mantener contraste sobre fondos cálidos pero con tinte verde */
  --sh-ink-900: var(--abd-ink);
  --sh-ink-800: #2A2A2A;
  --sh-ink-700: #444444;
  --sh-ink-600: #5F5F5F;
  --sh-ink-500: #7A7A7A;
  --sh-ink-400: #9C9C9C;
  --sh-ink-300: #C0C0C0;
  --sh-ink-200: #DDDDDD;
  --sh-ink-100: #ECECEC;
  --sh-ink-50:  #F6F6F6;

  /* Backgrounds neutros (papel cálido del kit Springhead se mantiene) */
  --sh-paper:      #F7F6F2;
  --sh-paper-warm: #F2F0EA;
  --sh-off-white:  #FAFAF7;
  --sh-cream:      #E8E5DA;

  /* Semánticos */
  --sh-positive: var(--abd-green-600);
  --sh-negative: #B14B3F;
  --sh-warning:  #C68B2F;

  /* ---- Tipografías Abud (fallback Google Fonts de Miller Text + Fontanella + Miriam) ---- */
  --abd-f-display: 'Playfair Display', 'Source Serif 4', Georgia, serif;
  --abd-f-body:    'Montserrat', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;

  /* Override Springhead font tokens */
  --sh-f-display: var(--abd-f-display);
  --sh-f-serif:   var(--abd-f-display);
  --sh-f-sans:    var(--abd-f-body);

  /* Charts: usar gradiente verde Abud */
  --sh-chart-c1:        var(--abd-green-dark);
  --sh-chart-c2:        var(--abd-green-light);
  --sh-chart-c3:        #5FBE76;
  --sh-chart-c4:        #A8DDB6;
  --sh-chart-highlight: #F5B301;
}

/* Body usa Montserrat por defecto */
body {
  font-family: var(--abd-f-body);
  color: var(--abd-ink);
}

/* Headings con Playfair (serif transicional ~ Miller Text) */
h1, h2, h3, h4, h5, h6,
.topbar-title,
.login-heading {
  font-family: var(--abd-f-display);
  letter-spacing: -0.01em;
}

/* ==========================================================================
   Wordmark Abud & Cía (componente reutilizable)
   Usar en sidebar, login, headers institucionales.
   ========================================================================== */
.abd-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-family: var(--abd-f-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  color: var(--abd-ink);
}
.abd-wordmark .abd-wm-amp {
  color: var(--abd-green-light);
  font-weight: 700;
}
.abd-wordmark .abd-wm-leaf {
  height: 1.1em;
  width: auto;
  margin-left: 0.05em;
}
/* Variante sobre fondo verde/oscuro */
.abd-wordmark--inverse {
  color: #FFFFFF;
}
.abd-wordmark--inverse .abd-wm-amp {
  color: #FFFFFF;
}

/* Tamaños */
.abd-wordmark--sm { font-size: 18px; }
.abd-wordmark--md { font-size: 28px; }
.abd-wordmark--lg { font-size: 44px; }
.abd-wordmark--xl { font-size: 64px; }

/* ==========================================================================
   Login: panel izquierdo con identidad Abud
   ========================================================================== */
.login-brand {
  background: linear-gradient(135deg, var(--abd-green-dark) 0%, var(--abd-green-700) 60%, #003D2A 100%);
}
.login-brand-tagline {
  font-family: var(--abd-f-display);
  font-style: italic;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92) !important; /* Override layout.css 0.5 — sobre verde Abud necesita más contraste */
  letter-spacing: 0.01em;
}
.login-brand-version {
  color: rgba(255, 255, 255, 0.55) !important; /* Override layout.css 0.25 — "Powered by Springhead" sobre verde */
}

/* ==========================================================================
   Módulos no habilitados en abd_dev (cliente Abud y Cía)
   El módulo costos_produccion no se va a habilitar por ahora — solo QC/Recepciones.
   Esto oculta el link de sidebar y la entrada del submenú Analytics.
   Para reactivar: borrar este bloque o cambiar a `display: revert`.
   ========================================================================== */
.sidebar [data-requires-module="costos_produccion"],
.sidebar a[href="/analytics/costos/"],
.sidebar a[href^="/costos/"] {
  display: none !important;
}
/* Sobre el panel verde del login, el "&" y la hoja verdes del logo white quedan
   verde-sobre-verde (bajo contraste). Renderizamos el wordmark COMPLETO en blanco
   — equivale a la variante inversa de marca (.abd-wordmark--inverse: & en blanco
   sobre fondo oscuro). brightness(0) invert(1) preserva el alpha y maximiza contraste.
   layout.css carga después y tiene `[data-theme="light"]` selector — necesario !important. */
[data-theme="light"] .login-brand-logo,
[data-theme="dark"] .login-brand-logo,
.login-brand-logo {
  filter: brightness(0) invert(1) !important;
  max-height: none !important;
  max-width: 380px;
  width: 70%;
  height: auto;
}