:root {
  /* Paleta corporativa — Brandbook 6º Studio */
  --hueso: #fbf0e3;
  --hueso-rgb: 251, 240, 227;
  --royal-blue: #1145f1;
  --royal-blue-rgb: 17, 69, 241;
  --negro: #15141a;
  --negro-rgb: 21, 20, 26;
  --dorado: #b9842d;
  --dorado-rgb: 185, 132, 45;

  --hueso-90: rgba(var(--hueso-rgb), 0.9);
  --negro-85: rgba(var(--negro-rgb), 0.85);
  --negro-60: rgba(var(--negro-rgb), 0.6);
  --negro-30: rgba(var(--negro-rgb), 0.3);
  --negro-10: rgba(var(--negro-rgb), 0.1);

  --bg: var(--hueso);
  --ink: var(--negro);
  --ink-soft: rgba(var(--negro-rgb), 0.68);
  --accent: var(--royal-blue);

  /* Tipografía */
  --font-display: "Rubik One", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, sans-serif;

  /* Escala tipográfica */
  --fs-display-xl: clamp(2.8rem, 8vw, 7rem);
  --fs-display-lg: clamp(1.9rem, 4.2vw, 3.4rem);
  --fs-display-md: clamp(1.4rem, 2.6vw, 2.1rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.35rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.8rem;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;
  --space-2xl: 11rem;

  --container-max: 1400px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);

  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-base: 0.6s;
  --dur-slow: 1.1s;

  --radius-none: 0px;
}