/**
 * Variables globales del theme
 * -----------------------------------------------------------------------
 * Este fichero es el único sitio que debería tocarse al arrancar un
 * proyecto nuevo a partir de este theme base: colores, tipografías y
 * medidas están aquí como variables semánticas (no por su valor literal),
 * para que cambiar de marca no implique tocar el resto del CSS.
 *
 * IMPORTANTE: los valores de color y tipografía de abajo son los que
 * traía el proyecto original del que sale este theme. Trátalos como
 * "placeholder" y sustitúyelos por los de cada nuevo proyecto; no
 * seguirán siendo correctos para el siguiente cliente.
 * ========================================================================= */

/* Colores
***********************/

:root {
  --color-base: #FF082D;
  --color-accent: #1400FF;
  --color-highlight: #FFFFE6;
  --color-secondary: #F9F8FF;
}

/* Tipografía
***********************/

:root {
  --font-body: "poppins", sans-serif;
  --font-heading: "ivypresto-headline", serif;

  --fw-medium: 600;
  --fw-bold: 700;

  --text-general: clamp(16px, 1.5vw, 18px);
  --text-general-reduced: calc(var(--text-general) - 0.2rem);
  --text-general-small: calc(var(--text-general) - 0.4rem);
  --title-page: 700 normal clamp(42px, 5vw, 72px) / 1.1 var(--font-body);
  --title-block: 600 normal clamp(28px, 3vw, 42px) / 1.1 var(--font-heading);
  --title-secondary-block: 600 normal clamp(28px, 3vw, 42px) / 1.1 var(--font-body);
}

/* Padding & Margin
***********************/

:root {
  --pm-block: clamp(70px, 7vw, 130px);
  --pm-blend-block: clamp(40px, 3vw, 80px);
  --radius: clamp(15px, 3vw, 30px);
}

/* Medidas base
***********************/

:root {
  --width-base: 90%;
  --width-reduced: 1200px;
  --width-medium: 1700px;
  --width-limit: 1920px;
}