/* ============================================================
   STUDIOJOIA PRO — Design tokens
   Source: build brief §2. Do not improvise colours or sizes.
   ============================================================ */

:root {
  /* Colour */
  --black:           #0e0e0e;  /* fondo principal piezas de impacto, renders */
  --offwhite:        #f5f5f5;  /* texto sobre oscuro */
  --champagne:       #b8985a;  /* acento: eyebrows, cursivas de titular, bullets, líneas */
  --cream:           #f4f1eb;  /* fondo de cajas destacadas suaves */
  --ink:             #1a1a1a;  /* texto principal sobre claro */
  --ink-soft:        #2a2a2a;  /* cuerpo sobre claro */
  --grey-1:          #6b6b6b;  /* jerarquía secundaria */
  --grey-2:          #4a4a4a;  /* técnico / mono */
  --muted-on-dark:   #d4d4d4;  /* subtítulo sobre oscuro */
  --muted-on-dark-2: #a8a8a8;
  --border:          #e5e5e5;  /* bordes sobre claro */
  --border-gold:     #e8d9b3;  /* bordes champán suaves */
  --bg-soft:         #fafafa;  /* fondo claro alterno */

  /* Tipografía */
  --font-display: 'Outfit', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Ritmo */
  --maxw:      1200px;   /* ancho de contenido de texto */
  --maxw-wide: 1440px;   /* ancho de bloques con media */
  --gap:       24px;     /* gap base (= gap horneado en secuencias Formato A) */

  /* Section rhythm */
  --section-pad: clamp(64px, 9vw, 120px);
}