/*
Theme Name:   Aplitec Ampara
Theme URI:    https://www.fundacioampara.com/
Description:  Child theme de Hello Elementor per a Fundació Privada Tutelar AMPARA. Desenvolupat per Aplitec Informàtica.
Author:       Aplitec Informàtica
Author URI:   https://www.aplitecinformatica.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  aplitec-ampara
*/

/* ==========================================================================
   1. DESIGN TOKENS — Colors
   Font: brief-fundacio-ampara.md + instructions.md del projecte.
   Regla: no afegir colors nous sense justificar-ho amb el mockup de Lleal.
   A Elementor, els "Global Colors" han d'apuntar a aquests tokens
   (Site Settings → Global Colors → editar cada color amb el HEX exacte
   d'aquí sota, mantenint el nom perquè sigui reconeixible a l'editor).
   ========================================================================== */

:root {
  --ampara-primary-dark:  #005470; /* titulars, text principal, botons, bento cards fosques */
  --ampara-primary:       #44B2D7; /* accents, hover, borders, elements interactius */
  --ampara-primary-light: #C3F0FF; /* fons de secció, cards clares, header */
  --ampara-white:         #FFFFFF; /* fons principal i text sobre fons foscos */
}

/* ==========================================================================
   2. TIPOGRAFIA — @font-face self-hosted
   Belanosima: titulars (H1-H5). Bold, SemiBold, Regular.
   LINE Seed JP: cos, subtítols, botons. Subset a NOMÉS glifos Latin
   (elimina el joc complet de caràcters CJK, no necessari en un site
   CA/ES — redueix cada arxiu de ~1,5 MB a ~35 KB). Si en un futur cal
   text en japonès a algun lloc del site, cal tornar a la versió completa
   NOMÉS per aquell context puntual, mai site-wide.
   Cap font es carrega via Google Fonts CDN (compliance RGPD).
   ========================================================================== */

/* --- Belanosima (titulars) --- */

@font-face {
  font-family: 'Belanosima';
  src: url('fonts/Belanosima-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Belanosima';
  src: url('fonts/Belanosima-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Belanosima';
  src: url('fonts/Belanosima-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- LINE Seed JP (cos, subtítols, botons) — subset Latin --- */

@font-face {
  font-family: 'LINE Seed JP';
  src: url('fonts/LINESeedJP-Thin-latin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed JP';
  src: url('fonts/LINESeedJP-Regular-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed JP';
  src: url('fonts/LINESeedJP-Bold-latin.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed JP';
  src: url('fonts/LINESeedJP-ExtraBold-latin.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   3. Estils base mínims
   La resta d'estils es fan des d'Elementor (Global Colors, Global Fonts,
   Site Settings). Aquest fitxer NOMÉS conté tokens, @font-face i overrides
   puntuals que no es puguin resoldre des de l'editor visual.
   ========================================================================== */

body {
  font-family: 'LINE Seed JP', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Belanosima', sans-serif;
}