/* Hallmark · tokens — rediseño de /servicios/sistemas/ (compartidos entre Servicios y Sistemas)
   Colores = los de la marca actual, convertidos a OKLCH sin cambiarlos:
   crema #F1E9DC · tinta #14231F · dorado #E9B84A. */
:root {
  --color-paper:        oklch(93.7% 0.019 80);   /* crema de marca */
  --color-paper-2:      oklch(96.2% 0.014 85);   /* crema clara, paneles */
  --color-ink:          oklch(24.1% 0.022 176);  /* verde tinta */
  --color-accent:       oklch(80.7% 0.137 84);   /* dorado de marca */
  --color-muted:        oklch(47.8% 0.019 122);  /* texto secundario sobre crema */
  --color-body:         oklch(39.2% 0.036 133);  /* texto de lectura sobre crema */
  --color-rule:         color-mix(in oklch, var(--color-ink) 20%, var(--color-paper));
  --color-tint:         color-mix(in oklch, var(--color-ink) 9%, var(--color-paper));   /* fondo de ilustraciones */
  --color-accent-soft:  color-mix(in oklch, var(--color-accent) 62%, var(--color-paper));
  --color-on-accent-muted: color-mix(in oklch, var(--color-ink) 82%, var(--color-accent));
  --color-on-ink:       oklch(95.4% 0.017 85);   /* titulares sobre tinta */
  --color-on-ink-body:  oklch(85.2% 0.028 128);  /* párrafos sobre tinta */
  --color-on-ink-soft:  oklch(75.6% 0.031 131);  /* enlaces discretos sobre tinta */
  --color-shadow:       color-mix(in oklch, var(--color-ink) 28%, transparent);
  --color-shadow-lift:  color-mix(in oklch, var(--color-ink) 34%, transparent);
  --color-on-ink-dim:   oklch(69% 0.035 131);    /* texto de apoyo sobre tinta */
  --color-ink-card:     color-mix(in oklch, var(--color-on-ink) 5%, var(--color-ink));
  --color-ink-line:     color-mix(in oklch, var(--color-on-ink) 20%, var(--color-ink));
  --shadow-hard-ink:    -6px 8px 0 var(--color-ink);
  --color-focus:        oklch(24.1% 0.022 176);

  --font-display: 'Fraunces', serif;
  --font-body:    'Manrope', sans-serif;

  --text-sm:   0.875rem;
  --text-base: 1.0625rem;
  --text-lg:   clamp(1.125rem, 0.45vw + 1rem, 1.3125rem);
  --text-xl:   clamp(1.5rem, 1.6vw + 1rem, 2.125rem);
  --text-2xl:  clamp(1.75rem, 2.4vw + 1rem, 2.75rem);
  --text-statement: clamp(2.25rem, 4.6vw, 4.75rem);
  --text-numeral:   clamp(5rem, 11vw, 9.5rem);
  --text-display-s: clamp(2.125rem, 2.3vw + 1.3rem, 3.5rem);

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-section: clamp(4rem, 7vw, 6.875rem);
  --space-gutter:  clamp(1.25rem, 4vw, 3rem);

  --radius-md:   0.875rem;
  --radius-lg:   1.25rem;
  --radius-pill: 999px;

  --shadow-hard: -6px 8px 0 var(--color-accent);   /* firma de la marca */

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
}