/*
 * Design tokens – Colada Plus
 * Font: /00-maqueta/tokens/design-tokens.css (font de veritat)
 * Aquests valors han d'estar sincronitzats amb el Personalitzador de Kadence.
 * Veure /tema-fill/docs/KADENCE-CUSTOMIZER.md per la guia de configuració.
 */
:root {
  /* Colors corporatius */
  --color-primary: #FE6623;
  --color-primary-dark: #D94D0E;
  --color-primary-light: #FF8A55;
  --color-secondary: #29CEBE;
  --color-secondary-dark: #1DA89E;

  /* Àlies semàntics (lavado = teal, secado = taronja) */
  --color-lavado: var(--color-secondary);
  --color-lavado-dark: var(--color-secondary-dark);
  --color-secado: var(--color-primary);
  --color-secado-dark: var(--color-primary-dark);

  --color-dark: #232323;
  --color-text: #2A2A26;
  --color-text-mid: #6B6B64;
  --color-border: #E6E2DC;
  --color-light: #F7F5F1;
  --color-white: #FFFFFF;

  /* Tipografia */
  --font-heading: 'ABALC', 'Syne', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.7rem;
  --font-size-3xl: 2.3rem;
  --font-size-4xl: clamp(2.3rem, 4.4vw, 3.4rem);
  --font-size-5xl: clamp(2.8rem, 6.6vw, 5rem);
  --font-size-hero: clamp(3.2rem, 7.6vw, 7rem);
  --line-height-base: 1.65;
  --line-height-tight: 1.05;
  --line-height-heading: 1.15;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 700;

  /* Espaiat */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  --spacing-2xl: 10rem;

  /* Contenidor */
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Ombres */
  --shadow-sm: 0 1px 4px rgba(22,22,18,0.06), 0 2px 8px rgba(22,22,18,0.04);
  --shadow-md: 0 4px 16px rgba(22,22,18,0.08), 0 8px 32px rgba(22,22,18,0.06);
  --shadow-lg: 0 8px 32px rgba(22,22,18,0.12), 0 16px 64px rgba(22,22,18,0.08);

  /* Transicions */
  --transition-base: 0.2s ease;
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Font corporativa pels titulars */
@font-face {
  font-family: 'ABALC';
  src: url('../fonts/ABALC.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}