/* ARCHIVO GENERADO por `npm run gen:marca` — NO EDITAR.
   Capa de marca Martínez & Valdivieso sobre SAP Horizon.
   Fuente: el css_variables.css vendorizado + la tabla de mapeo de
   tools/generar-marca-myv.js. Diseño:
   docs/superpowers/specs/2026-08-14-branding-myv-design.md */
:root {
  /* Colores propios de la marca, que no existen en Horizon. Los consume
     la franja corporativa (brandbook pág. 18). #80BC00 y #D2D5DC son
     DECORATIVOS: 2.30:1 y 1.47:1 contra blanco, nunca llevan texto. */
  --myv-verde-oscuro: #00833E;
  --myv-verde-claro: #80BC00;
  --myv-gris: #D2D5DC;
  /* Tinte claro derivado del verde de marca. Es el mismo valor al que el
     mapeo lleva los tintes de selección de Horizon, y se le da nombre para
     que quien necesite un fondo verde suave lo consuma de acá en vez de
     repetir el literal. 14.82:1 con --sapTextColor: admite texto encima. */
  --myv-verde-tinte: #E8F3EC;

  /* Degradado de la franja corporativa (brandbook pág. 18). Se emite ACÁ,
     una sola vez, y no repetido en el style.css de cada app: este archivo
     ya se genera idéntico para las dos, así que es la única fuente del
     degradado en vez de tenerlo duplicado textualmente en dos lugares. */
  --myv-franja: linear-gradient(to right,
    var(--myv-gris) 0 33.33%,
    var(--myv-verde-claro) 33.33% 66.66%,
    var(--myv-verde-oscuro) 66.66% 76%,
    transparent 76% 78%,
    var(--myv-verde-claro) 78% 87%,
    transparent 87% 89%,
    var(--myv-verde-oscuro) 89% 100%);

  /* Tipografía corporativa (brandbook pág. 24-25), fuentes de sistema. */
  --sapFontFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontLightFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontBoldFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontBlackFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontHeaderFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontSemiboldFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapFontSemiboldDuplexFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapButton_FontFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sapButton_Emphasized_FontFamily: Arial, "Helvetica Neue", Helvetica, sans-serif;

  /* Paleta de interacción: azul Horizon → verde M&V. 79 tokens. */
  --sapBrandColor: #00833E;
  --sapButton_Active_BorderColor: #006B33;
  --sapButton_Active_TextColor: #006B33;
  --sapButton_Emphasized_Active_BorderColor: #006B33;
  --sapButton_Emphasized_Active_TextColor: #006B33;
  --sapButton_Emphasized_Background: #00833E;
  --sapButton_Emphasized_BorderColor: #00833E;
  --sapButton_Emphasized_Hover_Background: #006B33;
  --sapButton_Emphasized_Hover_BorderColor: #006B33;
  --sapButton_Handle_Selected_Background: #E8F3EC;
  --sapButton_Handle_Selected_BorderColor: #E8F3EC;
  --sapButton_Handle_Selected_Hover_Background: #E8F3EC;
  --sapButton_Handle_Selected_TextColor: #006B33;
  --sapButton_Hover_TextColor: #006B33;
  --sapButton_IconColor: #006B33;
  --sapButton_Lite_Active_BorderColor: #006B33;
  --sapButton_Lite_Hover_TextColor: #006B33;
  --sapButton_Lite_TextColor: #006B33;
  --sapButton_Neutral_Active_BorderColor: #006B33;
  --sapButton_Neutral_Active_TextColor: #006B33;
  --sapButton_Neutral_Background: #E8F3EC;
  --sapButton_Neutral_BorderColor: #B3DAC5;
  --sapButton_Neutral_Hover_Background: #D1E9DC;
  --sapButton_Neutral_Hover_BorderColor: #B3DAC5;
  --sapButton_Neutral_Hover_TextColor: #006B33;
  --sapButton_Neutral_TextColor: #006B33;
  --sapButton_Selected_Background: #E8F3EC;
  --sapButton_Selected_BorderColor: #006B33;
  --sapButton_Selected_Hover_Background: #D1E9DC;
  --sapButton_Selected_Hover_BorderColor: #006B33;
  --sapButton_Selected_TextColor: #006B33;
  --sapButton_TextColor: #006B33;
  --sapButton_Track_Selected_Background: #006B33;
  --sapButton_Track_Selected_BorderColor: #006B33;
  --sapButton_Track_Selected_Hover_Background: #00522A;
  --sapButton_Track_Selected_Hover_BorderColor: #00522A;
  --sapContent_BusyColor: #006B33;
  --sapContent_DragAndDropActiveColor: #006B33;
  --sapContent_FocusColor: #00522A;
  --sapContent_Selected_ForegroundColor: #006B33;
  --sapContent_Selected_Hover_Background: #D1E9DC;
  --sapContent_Selected_MeasureIndicatorColor: #006B33;
  --sapContent_Selected_Shadow: inset 0 0 0 0.0625rem rgba(0,131,62,0.5);
  --sapContent_Selected_TextColor: #006B33;
  --sapField_Active_BorderColor: #006B33;
  --sapField_Focus_BorderColor: #00522A;
  --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #006B33, #006B33) border-box;
  --sapField_Hover_BorderColor: #006B33;
  --sapField_Hover_Shadow: inset 0 0 0 0.0625rem rgba(0,131,62,0.5);
  --sapField_Selector_Hover_Background: #D1E9DC;
  --sapHighlightColor: #006B33;
  --sapLinkColor: #006B33;
  --sapLink_Active_Color: #006B33;
  --sapLink_Hover_Color: #006B33;
  --sapLink_InvertedColor: #B3DAC5;
  --sapLink_Visited_Color: #006B33;
  --sapList_Hover_SelectionBackground: #D1E9DC;
  --sapList_SelectionBackgroundColor: #E8F3EC;
  --sapList_SelectionBorderColor: #006B33;
  --sapScrollBar_SymbolColor: #006B33;
  --sapSelectedColor: #006B33;
  --sapShell_Active_TextColor: #00833E;
  --sapShell_HeroBanner_Background: #00833E;
  --sapShell_Navigation_Active_TextColor: #006B33;
  --sapShell_Navigation_SelectedColor: #006B33;
  --sapShell_Navigation_Selected_TextColor: #006B33;
  --sapShell_Selected_TextColor: #00833E;
  --sapShell_SubBrand_TextColor: #00522A;
  --sapSlider_Active_HandleBorderColor: #006B33;
  --sapSlider_HandleBorderColor: #B3DAC5;
  --sapSlider_Hover_HandleBackground: #D1E9DC;
  --sapSlider_Hover_HandleBorderColor: #B3DAC5;
  --sapSlider_Hover_RangeHandleBackground: #D1E9DC;
  --sapSlider_Selected_Background: #006B33;
  --sapSlider_Selected_BorderColor: #006B33;
  --sapTab_ForegroundColor: #006B33;
  --sapTab_IconColor: #006B33;
  --sapTab_Selected_Background: #006B33;
  --sapTab_Selected_TextColor: #006B33;
}

/* Peso de la negrita que Horizon codificaba en el nombre de la familia.
   Ver la explicación completa en tools/generar-marca-myv.js. */

/* Solo selectores de Fundamental Styles: este archivo lo carga únicamente la
   app respondente. `.fd-button` fija font-weight: 400 y esta regla se carga
   después del vendor, así que gana con igual especificidad.
   Aquí hubo también selectores de UI5 (.sapMBtnEmphasized…, .sapMTitle) para
   la app admin; se quitaron cuando esa app dejó de llevar la capa de marca,
   porque en Work Zone debe heredar el tema del sitio. */
.fd-button--emphasized,
.fd-button--emphasized .fd-button__text { font-weight: 700; }