/* ============================================================================
   SFV CRM · TOKENS DE MARCA  (Santa Fe Casa de Valores)
   Fuente canónica: sameval-brand.css + Website Next/LINEA-GRAFICA.md
   App web externa (standalone) — sin PrimeFaces. Tokens globales en :root.
   ============================================================================ */

/* Mulish empaquetada LOCAL (variable 200–1000) — offline-friendly.
   El archivo variable soporta el eje wght completo (200 ExtraLight … 1000 ExtraBlack);
   antes el @font-face lo recortaba a 400-800, así que cualquier font-weight:900 del
   CSS (ej. .sfv-nav-group) se redondeaba en silencio a 800 sin que se notara. */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../fonts/mulish/Mulish-variable.woff2") format("woff2");
}
@font-face {
  /* Estático (un solo corte, no variable) — cualquier peso pedido en este rango
     usa el mismo trazo. Por eso la cursiva se reserva para texto normal/medio,
     nunca se combina con Bold/Black (no existe un itálico grueso real). */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/mulish/Mulish-italic.woff2") format("woff2");
}

:root {
  /* Verdes de marca */
  --sfv-mint:        #33d269;   /* primario (acción, acentos) */
  --sfv-mint-light:  #5BE584;   /* hover del primario / acento sobre oscuro */
  --sfv-mint-dark:   #07612c;   /* verde logo, texto de acento sobre claro */

  /* Dorado (lujo puntual, dinero) */
  --sfv-gold:        #C9A457;
  --sfv-gold-dark:   #A07C30;

  /* Coral (peligro / borrar / perdido) */
  --sfv-coral:       #E8674C;
  --sfv-coral-dark:  #b23b27;
  /* Rojo semántico de ACCIÓN peligrosa (botones eliminar/cancelar). Token único
     para no repetir el hex y evitar que cada archivo defina su propio rojo. */
  --sfv-danger:        #d2473d;
  --sfv-danger-strong: #c0392b;

  /* Neutros */
  --sfv-ink:         #1d1d1b;   /* texto principal */
  --sfv-graphite:    #41463f;   /* texto secundario (más oscuro = más contraste sobre el glass) */
  --sfv-muted:       #545c56;   /* texto terciario / placeholder (más oscuro = más contraste) */
  --sfv-sand:        #f6f7f5;   /* fondo de la app */
  --sfv-line:        #e6e7e3;   /* bordes */
  --sfv-line-soft:   #f0f1ee;   /* divisores */
  --sfv-white:       #ffffff;

  /* Chrome (topbar + menú): verde ESMERALDA. El personalizador puede
     reasignar --sfv-forest / --sfv-forest-2 (esquemas de color). */
  --sfv-forest:      #0f4a33;
  --sfv-forest-2:    #15603f;
  --sfv-forest-line: rgba(255,255,255,.08);
  --sfv-on-forest:        #d8e6dd;
  --sfv-on-forest-muted:  #8fae9c;

  /* Radios / easing */
  --sfv-radius:      16px;   /* tarjetas / paneles / diálogos */
  --sfv-radius-sm:   10px;   /* inputs */
  --sfv-radius-btn:  8px;    /* botones (las píldoras usan 999px) */
  --sfv-ease:        cubic-bezier(.4, 0, .2, 1);

  /* Sombras */
  --sfv-shadow-card:    0 4px 24px rgba(29,29,27,.06);
  --sfv-shadow-hover:   0 18px 40px -20px rgba(13,43,24,.30);
  --sfv-shadow-pop:     0 30px 70px -30px rgba(7,97,44,.45);
  --sfv-shadow-overlay: 0 40px 90px -30px rgba(13,43,24,.55);

  /* Monoespaciada — solo para códigos (HEX de color, etc.) */
  --sfv-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  /* Números / dinero / KPIs — Mulish (con dígitos tabulares vía font-feature-settings:'tnum') */
  --sfv-num: 'Mulish', -apple-system, 'Segoe UI', sans-serif;

  /* Escala de pesos tipográficos — jerarquía por importancia, no decoración.
     900 (Black) es EXCLUSIVO del elemento más importante de cada pantalla
     (título de pantalla, marca, el número hero). Todo lo demás usa 800 o menos,
     para que el Black siga leyéndose especial. La cursiva (font-style, aparte
     del peso) es para notas/ayudas/detalles secundarios, nunca para lo importante. */
  --sfv-w-regular:   400;
  --sfv-w-medium:    500;
  --sfv-w-semibold:  600;
  --sfv-w-bold:      700;
  --sfv-w-extrabold: 800;  /* títulos de sección/tarjeta, badges, botones */
  --sfv-w-black:     900;  /* SOLO el elemento hero de la pantalla */

  /* Paleta categórica (charts/series) */
  --sfv-c1:#07612c; --sfv-c2:#33d269; --sfv-c3:#5BE584; --sfv-c4:#C9A457; --sfv-c5:#E89B3C;
  --sfv-c6:#2f76a8; --sfv-c7:#7c5cbf; --sfv-c8:#5e7384; --sfv-c9:#1f9d57;
}