:root {
  color-scheme: light;

  /* Identidad CholloPrinting, tomada de los activos suministrados. */
  --color-plum: #251420;
  --color-magenta: #e1017d;
  --color-cyan: #41bbdb;
  --color-yellow: #f8b200;
  --color-cream: #fff4e7;
  --color-paper: #fffdf9;

  --color-ink: var(--color-plum);
  --color-ink-soft: #382432;
  --color-ink-muted: #5b4654;
  --color-surface: #ffffff;
  --color-surface-muted: #f7eadc;
  --color-surface-neutral: #f2eee9;
  --color-overlay: rgba(37, 20, 32, 0.82);
  --color-line: rgba(37, 20, 32, 0.18);
  --color-line-dark: rgba(255, 255, 255, 0.22);
  --color-text: var(--color-plum);
  --color-text-soft: #715f6b;
  --color-light: #fffdf9;
  --color-light-soft: #f1dde8;
  --color-accent: var(--color-magenta);
  --color-accent-dark: #ae005f;
  --color-lime: var(--color-yellow);

  --font-display: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Segoe UI", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --text-xs: 0.76rem;
  --text-sm: 0.91rem;
  --text-base: clamp(1rem, 0.97rem + 0.15vw, 1.12rem);
  --text-lead: clamp(1.12rem, 1.02rem + 0.5vw, 1.48rem);
  --text-h3: clamp(1.45rem, 1.18rem + 1.1vw, 2.35rem);
  --text-h2: clamp(2.35rem, 1.6rem + 3.25vw, 5.8rem);
  --text-hero: clamp(3.35rem, 2.1rem + 6vw, 8.6rem);

  --space-1: 0.35rem;
  --space-2: 0.65rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-7: 5.5rem;
  --space-section: clamp(4.8rem, 9vw, 9.5rem);

  --radius-small: 0.55rem;
  --radius-card: 1.35rem;
  --radius-large: 2.2rem;
  --radius-pill: 999px;
  --border-strong: 2px solid var(--color-plum);
  --shadow-card: 0 1.25rem 3.5rem rgba(37, 20, 32, 0.12);
  --shadow-pop: 0.42rem 0.42rem 0 var(--color-plum);
  --content-max: 94rem;
  --page-gutter: clamp(1rem, 4vw, 4.5rem);
  --header-height: 4.75rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 180ms var(--ease-out);
  --transition-slow: 650ms var(--ease-out);
  --media-hero-ratio: 4 / 5;
  --media-card-ratio: 4 / 3;
}

