/*
  design-tokens.css — APPSMART / appsmart.digital
  Full de variables compartides per a totes les apps (kpi-callus, smartgemba, smartdock)
  i pel portal d'entrada a appsmart.digital.

  Origen dels colors (NO inventats):
  - --smart-navy-*, --smart-gray-*, --smart-success, --smart-warning, --smart-danger:
    extrets directament del CSS ja en producció de kpi-callus/index.html (paleta ja provada).
  - --euromadem-blue: extret amb anàlisi de pixels reals del fitxer
    "LOGO EUROMADEM_2014_blue letters.png" (color dominant: rgb(55,86,133) = #375685).
    És el blau del LOGOTIP, no necessàriament el blau de la interfície (que ja fa servir
    un navy una mica més fosc, #12385d). Es mantenen tots dos: el del logotip per a la
    marca/logo, el navy per als elements d'interfície (botons, capçaleres, etc.).

  Si voleu que l'interfície faci servir el blau exacte del logotip en lloc del navy actual,
  només cal canviar --smart-primary per --euromadem-blue aquí baix (una sola línia).
*/

:root {
  /* Marca */
  --euromadem-blue: #375685;      /* color dominant del logotip Euromadem */

  /* Paleta d'interfície (ja provada en producció a kpi-callus) */
  --smart-primary: #12385d;       /* navy principal — botons, capçaleres, enllaços actius */
  --smart-primary-hover: #1f4e79; /* navy per a estats hover/focus */
  --smart-ink: #07172f;           /* text més fosc */
  --smart-text: #344054;          /* text estàndard */
  --smart-text-muted: #475467;    /* text secundari */
  --smart-text-soft: #50627d;     /* text terciari / etiquetes */
  --smart-border-soft: #8593a6;

  /* Fons */
  --smart-bg: #ffffff;
  --smart-bg-soft: #f2f4f7;
  --smart-bg-tint: #edf1f6;

  /* Estats */
  --smart-success: #0f8f79;
  --smart-success-strong: #117966;
  --smart-warning: #f79009;
  --smart-warning-bg: #fff7e6;
  --smart-danger: #d92d20;

  /* Tipografia (la que ja fa servir kpi-callus en producció) */
  --smart-font: Arial, Helvetica, sans-serif;

  /* Espaiats bàsics */
  --smart-space-xs: 4px;
  --smart-space-sm: 8px;
  --smart-space-md: 16px;
  --smart-space-lg: 24px;
  --smart-space-xl: 40px;

  /* Radis / ombres compartits */
  --smart-radius: 10px;
  --smart-shadow: 0 2px 10px rgba(7, 23, 47, 0.08);
}