/*
  Sistema de disseny Dona i Essència.
  Únic accent de marca permès: --color-primary (#B51817, vermell exacte del logotip oficial).
  Tipografia única: Poppins (font corporativa real del kit de premsa) — no substituir per cap altra.
*/

@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('/assets/fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color de marca */
  --color-primary: #B51817;
  --color-primary-dark: #8F1212;
  --color-primary-darker: #6E0E0E;
  --color-primary-light: #E4ACAB;
  --color-primary-tint: #FBEAEA;
  --color-primary-tint-soft: #FDF5F5;

  --color-ink: #201716;
  --color-ink-soft: #5B4D4C;
  --color-ink-faint: #8B7B7A;
  --color-paper: #FFFFFF;
  --color-bg-alt: #FBF6F6;
  --color-border: #EFE2E1;
  --color-border-strong: #E0C9C8;

  --color-success: #2E7D4F;
  --color-error: #B51817;

  /* Tipografia */
  --font-base: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-caption: 0.8125rem;
  --fs-small: 0.9375rem;
  --fs-body: 1.0625rem;
  --fs-lead: 1.25rem;
  --fs-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-h3: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);
  --fs-h2: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);
  --fs-h1: clamp(2.75rem, 1.9rem + 4vw, 5.5rem);
  --fs-display: clamp(3.25rem, 2rem + 6.5vw, 8rem);

  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.7;

  /* Espaiat (escala base 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* Radis i ombres */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 32px;
  --radius-full: 999px;

  --shadow-sm: 0 4px 16px rgba(32, 23, 22, 0.06);
  --shadow-md: 0 16px 40px rgba(181, 24, 23, 0.12);
  --shadow-lg: 0 28px 80px rgba(181, 24, 23, 0.18);
  --shadow-ink: 0 20px 50px rgba(32, 23, 22, 0.16);

  /* Motion */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;

  /* Container */
  --container-w: 1240px;
  --container-pad: var(--space-5);

  /* z-index semàntic */
  --z-nav-drawer: 100;
  --z-header: 110;
  --z-overlay: 120;
}