/*
-- nom: type.css --
-- llibreria: loT --
-- grup: Base --
-- autor: A.Moseguí / TT22 --
-- versió: 26.1.0 --
-- descripció: Escala tipogràfica, pesos, mides responsives. No inclou colors --
-- dependència: cap --
*/

:root {
    /* LINE-HEIGHT (escala paral·lela a les mides) */
    --lh-1: 1.5;    /* Text petit */
    --lh-2: 1.6;    /* Base / Paràgraf */
    --lh-3: 1.4;    /* Subtítols */
    --lh-4: 1.3;    /* Títols secció */
    --lh-5: 1.2;    /* Títols principals */
    --lh-6: 1.1;    /* Hero / Impacte */
}
/* ==========================================================================
   SISTEMA DE TIPOGRAFIA FLUIDA (ESCALA 1-6)
   Basat en funcions clamp() per a evitar media-queries.
   ========================================================================== */
:root {
   /* VARIABLES DE MIDA (font-size)
      Format: clamp(mínim-mòbil, creixement-fluid, màxim-escriptori)
   */
   /* 1. Text molt petit (peus de foto, notes legals) */
   --step-1: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
   /* 2. Text Base (Cos del missatge, paràgrafs) - Estàndard 16px a 18px aprox. */
   --step-2: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
   /* 3. Subtítols o text destacat (H4) */
   --step-3: clamp(1.25rem, 1.18rem + 0.35vw, 1.5rem);
   /* 4. Títols de secció (H3) */
   --step-4: clamp(1.56rem, 1.45rem + 0.55vw, 1.95rem);
   /* 5. Títols principals de pàgina (H2) */
   --step-5: clamp(1.95rem, 1.78rem + 0.85vw, 2.55rem);
   /* 6. Títols d'impacte o Hero (H1) */
   --step-6: clamp(2.44rem, 2.18rem + 1.3vw, 3.35rem);
   /* MIDES DE TEXT FIXES */
   --step-fix-1: 1rem;
   --step-fix-1_25: 1.25rem;
   --step-fix-1_5: 1.5rem;
   --step-fix-2: 2rem;
   --step-fix-3: 3rem;
   /* PESOS DE FONT */
   --fw-400: 400;
   --fw-500: 500;   /* Roboto-Medium (fitxer carregat a init.css) */
   --fw-700: 700;   /* Roboto no té fitxer 700: es mostra el 500 o una negreta sintètica (vegeu millores futures) */
}

:root {

/* ==========================================================================
   CLASSES D'UTILITAT: MIDES RESPONSIVES
   Nota: L'interlineat (line-height) és proporcional sense unitats.
   només es pot utilitzar amb font
   ========================================================================== */
--txt-resz-1: var(--step-1) / var(--lh-1) var(--font-default); /* Molt petit */
--txt-resz-2: var(--step-2) / var(--lh-2) var(--font-default); /* Base / Paràgraf */
--txt-resz-3: var(--step-3) / var(--lh-3) var(--font-default); /* H4 */
--txt-resz-4: var(--step-4) / var(--lh-4) var(--font-default); /* H3 */
--txt-resz-5: var(--step-5) / var(--lh-5) var(--font-default); /* H2 */
--txt-resz-6: var(--step-6) / var(--lh-6) var(--font-default); /* H1 / Hero */
/* =============================================
   MIDES FIXES - només es pot utilitzar amb font
   ============================================= */
--txt-sz-1: var(--step-fix-1) / var(--lh-2) var(--font-default);
--txt-sz-1_25: var(--step-fix-1_25) / var(--lh-3) var(--font-default);
--txt-sz-1_5: var(--step-fix-1_5) / var(--lh-4) var(--font-default);
--txt-sz-2: var(--step-fix-2) / var(--lh-5) var(--font-default);
--txt-sz-3: var(--step-fix-3) / var(--lh-6) var(--font-default);

}

/* =============================================
   HEADINGS
   Mapeig h1–h6 a l'escala fluida.
   Sobreescrivible amb classes .txt--resz-*
   ============================================= */
h1 { font-size: var(--step-6); line-height: var(--lh-6); }
h2 { font-size: var(--step-5); line-height: var(--lh-5); }
h3 { font-size: var(--step-4); line-height: var(--lh-4); }
h4 { font-size: var(--step-3); line-height: var(--lh-3); }
h5 { font-size: var(--step-2); line-height: var(--lh-2); }
h6 { font-size: var(--step-1); line-height: var(--lh-1); }