/* ============================================================
   RISKMATHICS BRAND OVERRIDE v1.0
   Identidad Visual 2026-2027 — Poppins + Lora + Paleta de Marca
   Inyectado via nginx sub_filter — NO modifica el build Angular
   ============================================================ */

/* === FONT FACES: Poppins === */
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/assets/fonts/brand/Poppins-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

/* === FONT FACES: Lora === */
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('/assets/fonts/brand/Lora-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap; }

/* === BRAND COLOR VARIABLES (override existing) === */
:root {
  /* Override existing vars to new brand palette */
  --gris-fondo-risk: #F5F0E8 !important;      /* Was rgb(246,243,243) → Crema Anthropic */
  --rojo-rmtc: #D97757 !important;             /* Was rgb(137,49,47) → Terracota Anthropic */
  --blue-risk: #E8E6DC !important;             /* Light surface → Anthropic light gray */
  --blue-b-medium: #1F2A44 !important;         /* Was rgb(54,100,151) → Navy Institucional */
  --blue-b-dark: #0D1B2A !important;           /* Was rgb(26,27,48) → Navy Fuerte (close!) */
  --blue-b-ligth: #38BDF8 !important;          /* Keep sky blue accent */
  --doradoRisk: #C66A3D !important;            /* Was rgb(177,147,93) → Terracota Acento */

  /* New brand vars */
  --rm-navy: #0D1B2A;
  --rm-navy-inst: #1F2A44;
  --rm-terra: #D97757;
  --rm-terra-accent: #C66A3D;
  --rm-cream: #F5F0E8;
  --rm-editorial-bg: #EEE9DF;
  --rm-text: #222222;
  --rm-gris-banding: #F2F2F2;

  /* Override Bootstrap font stack */
  --bs-body-font-family: 'Lora', Georgia, serif !important;
  --bs-font-sans-serif: 'Poppins', 'Montserrat', system-ui, sans-serif !important;
}

/* === GLOBAL FONT OVERRIDE === */
body {
  font-family: 'Lora', Georgia, serif !important;
  background-color: var(--rm-cream) !important;
  color: var(--rm-text) !important;
}

/* === HEADINGS: Poppins Bold === */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class*="title"], [class*="Title"],
[class*="header"], [class*="Header"],
[class*="heading"], [class*="Heading"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  letter-spacing: 0.5px;
}

/* === NAVIGATION: Poppins Medium === */
nav, .nav, .navbar, [class*="nav-"],
[class*="menu"], [class*="Menu"],
.btn, button, [class*="btn-"],
[class*="tab"], [class*="Tab"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
}

/* === BODY TEXT: Lora Regular === */
p, span, li, td, th, label,
.card-text, [class*="description"],
[class*="content"], [class*="text-"],
[class*="body"], [class*="detail"] {
  font-family: 'Lora', Georgia, serif !important;
}

/* === FORM ELEMENTS: Poppins === */
input, select, textarea, .form-control, .form-select {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
}

/* === BUTTONS: Poppins SemiBold === */
.btn, button, [class*="btn-"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* === FOOTER / SMALL: Poppins Light === */
footer, .footer, [class*="footer"],
small, .small, [class*="caption"] {
  font-family: 'Poppins', 'Montserrat', sans-serif !important;
  font-weight: 300;
}

/* === BRAND ACCENT COLORS === */
a { color: var(--rm-navy-inst); }
a:hover { color: var(--rm-terra); }

/* === SUBTLE TYPOGRAPHY REFINEMENTS === */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}