/* ==========================================================================
   WebMasterOsona V4 — tokens de disseny
   Tema clar: paper + tinta + or corporatiu (#ECC600 del logotip).
   Sobre fons clar, l'or viu NO té prou contrast per a text: per a text i
   enllaços fem servir --gold-ink.

   Compte amb el que deia aquí abans: el #A8801E d'abans NO complia AA. Feia
   3,49 sobre el paper, que és el 3:1 del text GRAN; el text petit en demana
   4,5 i l'.eyebrow va a 12,5 px. Sortia a les dotze pàgines de l'auditoria
   del 2-set-2026. El d'ara és el mateix to un 18% més fosc: 4,89 sobre el
   paper i 4,52 sobre el paper-2.
   ========================================================================== */

/* ---- Tipografies auto-allotjades ---------------------------------------- */
@font-face{font-family:'Public Sans';src:url('../fonts/public-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('../fonts/public-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('../fonts/public-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('../fonts/public-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-display-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

:root{
  /* Superfícies */
  --paper:      #FBFAF7;
  --paper-2:    #F4F1EA;
  --surface:    #FFFFFF;
  --ink-bg:     #14120F;   /* bandes fosques puntuals */

  /* Tinta */
  --ink:        #14120F;
  --ink-2:      #55503F;
  --ink-3:      #746D60;   /* 4,54 sobre el paper-2; el #8A8272 feia 3,37 */
  --on-dark:    #F7F4EC;
  --on-dark-2:  #B9B2A2;

  /* Or corporatiu */
  --gold:       #ECC600;   /* farciments, filets, punts */
  --gold-ink:   #8A6919;   /* text i enllaços sobre clar (AA de debò) */
  --gold-soft:  #FBF3D2;
  --gold-tint:  rgba(236,198,0,.16);

  /* Traços */
  --line:       #E6E1D5;
  --line-2:     #D6CFBE;

  /* Tipografia */
  --font-body:    'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  /* Sense fitxer: la monoespaiada del sistema. Només surt a la pàgina de
     programació i no val la pena carregar una tipografia més per quatre línies. */
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  /* Escala fluida */
  --t-hero:  clamp(2.9rem, 7.4vw, 6rem);
  --t-h2:    clamp(2rem, 3.9vw, 3.35rem);
  --t-h3:    clamp(1.25rem, 1.8vw, 1.6rem);
  --t-lead:  clamp(1.06rem, 1.35vw, 1.3rem);
  --t-body:  clamp(1rem, 1.05vw, 1.09rem);
  --t-small: .875rem;
  --t-eyebrow: .78rem;

  /* Ritme */
  --sec-y:   clamp(60px, 6.2vw, 104px);
  --gap:     clamp(20px, 2.4vw, 34px);
  --container: 1240px;
  --gutter:  clamp(20px, 4.5vw, 56px);

  /* Formes */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* Ombres suaus, mai dures */
  --sh-1: 0 1px 2px rgba(20,18,15,.05), 0 6px 18px rgba(20,18,15,.05);
  --sh-2: 0 2px 6px rgba(20,18,15,.06), 0 18px 44px rgba(20,18,15,.09);
  --sh-3: 0 30px 80px rgba(20,18,15,.16);

  --ease: cubic-bezier(.22,.61,.36,1);
}