:root {
  /* Paleta aprobada por Pedro (15/10/2026): antracita, hueso, papel, beige. */
  --brand-anthracite: #2E2E2A;
  --brand-bone: #FCFCFA;
  --brand-paper: #F5F1E8;
  --brand-beige: #E8E2D6;
  /* Aliases por función sobre la base de marca. */
  --color-abyss: var(--brand-anthracite);
  --color-abyss-soft: #35352F;
  --color-abyss-glass: rgba(46, 46, 42, 0.84);
  --color-plankton: var(--brand-bone);
  --color-foam: var(--brand-bone);
  --color-amber: var(--brand-beige);
  --color-coral: #C96F62;
  --color-corporate: var(--brand-anthracite);
  --color-corporate-soft: #35352F;
  --color-corporate-panel: rgba(46, 46, 42, 0.92);
  --color-corporate-line: rgba(232, 226, 214, 0.18);
  --color-corporate-text: var(--brand-bone);
  --color-corporate-muted: #C9C4B8;
  --color-danger-soft: rgba(201, 111, 98, 0.14);
  --color-line: rgba(232, 226, 214, 0.18);
  --color-line-strong: rgba(232, 226, 214, 0.34);

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: Optima, "Avenir Next", Avenir, "Gill Sans", "Trebuchet MS", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  --text-display: clamp(4.25rem, 8.6vw, 9.25rem);
  --text-display-s: clamp(3.25rem, 6vw, 6.75rem);
  --text-heading: clamp(2.6rem, 5vw, 5.6rem);
  --text-body: clamp(1rem, 1.25vw, 1.2rem);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 420ms;
  --dur-slow: 900ms;

  --rule-thin: 1px;
  --rule-focus: 2px;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
}