/*
  design-tokens.css — APPSMART / appsmart.digital
  Full de variables compartides pel portal i per les apps.

  V261022 — alineat amb Euromadem Spain · Sistema Visual v3.3 (29.09.2026).

  ORIGEN DELS COLORS

  Les rampes d'aquest fitxer surten del sistema visual, no d'extraccions de fitxers.
  El blau de marca #28669F es va verificar de manera independent el 22.10.2026:
  mesurat sobre la placa de la signatura de correu real d'Euromadem, 28.697 pixels
  amb el valor exacte, el 71,9% de tots els pixels blaus de la placa.

  CORRECCIO D'UN ERROR DE LA VERSIO ANTERIOR

  Aquest fitxer deia que el blau d'Euromadem era #375685, "extret amb analisi de
  pixels reals del fitxer LOGO EUROMADEM_2014_blue letters.png". Era erroni.
  Aquell valor es a dE 9,44 del blau real, i el sistema visual adverteix
  explicitament que els fitxers del simbol NO serveixen com a referencia de color,
  nomes de geometria: son conversions CMYK->RGB sense perfil ICC.
  Els set blaus que circulaven per l'empresa estan documentats a la seccio 04 del
  manual. El bo es #28669F i prou.

  TIPOGRAFIA

  El sistema mana Aptos, una sola familia. Pero Aptos NO es distribueix com a font
  web: comprovat el 22.10.2026 que el navegador no hi arriba ni en un PC amb
  Microsoft 365 instal·lat. Les apps son, per tant, una limitacio de canal, igual
  que el correu electronic (el manual ja hi declara l'excepcio Arial).
  Excepcio de canal per a les apps: Source Sans 3, decidida el 22.10.2026.
  Pendent de traslladar a qui mante el manual.
*/

:root {
  /* ----------------------------------------------------------------
     RAMPA FREDA — l'estructura. Sistema visual, seccio 04.
  ---------------------------------------------------------------- */
  --blau-950: #0D1F30;   /* portades maximes */
  --blau-900: #17324D;   /* titols, fons foscos */
  --blau-700: #2A4A73;   /* H2, enllacos */
  --blau-500: #28669F;   /* MARCA, dades, capcaleres */
  --blau-300: #8CA7C9;   /* grafics, filets */
  --blau-100: #E9EFF5;   /* fitxes, seccions */
  --blau-50:  #F5F8FB;   /* files alternes, fons */

  /* ----------------------------------------------------------------
     RAMPA CALIDA — l'accio. PROVISIONAL al manual: els tons fusta-400
     i fusta-200 s'han de substituir per mostres de la fusta real.
  ---------------------------------------------------------------- */
  --fusta-900: #4A3320;  /* text calid, filets */
  --fusta-700: #8A5A2B;  /* accio sobre fosc */
  --fusta-400: #C9A374;  /* accio, accent */
  --fusta-200: #E8D6BC;  /* realcat suau */
  --fusta-100: #F4EDE2;  /* fons de fitxa */
  --fusta-50:  #FAF7F2;  /* fons per defecte (documents) */

  /* ----------------------------------------------------------------
     NEUTRES I ESTATS
  ---------------------------------------------------------------- */
  --carbo:    #222A31;
  --gris-500: #586572;
  --gris-200: #D3D9DF;
  --verd:  #0B6E63;   --verd-100:  #E0F0ED;
  --ambre: #8A5A05;   --ambre-100: #FBF0DA;
  --roig:  #A32330;   --roig-100:  #FAE6E8;

  /* ----------------------------------------------------------------
     ALIES D'INTERFICIE
     Els noms --smart-* es mantenen perque les apps ja els fan servir.
     El que canvia es el VALOR, que ara surt de les rampes de dalt.
  ---------------------------------------------------------------- */

  /* Marca */
  --euromadem-blue: var(--blau-500);   /* #28669F — verificat */

  --smart-primary: var(--blau-500);        /* marca, capcaleres, xifres */
  --smart-primary-hover: var(--blau-700);
  --smart-ink: var(--blau-950);            /* text mes fosc */
  --smart-text: var(--carbo);              /* text principal */
  --smart-text-muted: var(--gris-500);     /* text secundari */
  --smart-text-soft: var(--gris-500);      /* el manual nomes dona tres neutres:
                                              secundari i terciari comparteixen to */
  --smart-border-soft: var(--gris-200);

  /* Fons */
  --smart-bg: #ffffff;                 /* targetes */
  --smart-bg-soft: var(--blau-100);    /* seccions, vores suaus */
  --smart-bg-tint: var(--blau-50);     /* fons de pagina */

  /* Estats */
  --smart-success: var(--verd);
  --smart-success-strong: var(--verd);
  --smart-success-bg: var(--verd-100);
  --smart-warning: var(--ambre);
  --smart-warning-bg: var(--ambre-100);
  --smart-danger: var(--roig);
  --smart-danger-bg: var(--roig-100);

  /* ----------------------------------------------------------------
     TIPOGRAFIA
     Source Sans 3 es carrega des de Google Fonts a l'index.html.
     Si no arriba, la pila cau a la del sistema i la pagina segueix
     sent llegible: cap text desapareix.
  ---------------------------------------------------------------- */
  --smart-font: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --smart-font-mono: 'Aptos Mono', Consolas, 'SFMono-Regular', monospace;

  /* Espaiats basics */
  --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(13, 31, 48, 0.08);
}

/* Xifres tabulars obligatories a taules, KPI i grafics.
   Sistema visual, seccio 05: sense aixo les columnes de numeros no s'alineen. */
table, .xifra, .kpi, [data-xifra] { font-variant-numeric: tabular-nums; }