/* ============================================================
   SDC — Design tokens
   Palette and typography aligned with SDC Brand Manual 2026.
   Serious, institutional, sober — Helvetica Neue family.
   ============================================================ */
:root {
  /* Brand — per manual */
  --brand:        #E5673E;  /* Naranja institucional */
  --brand-deep:   #C0532F;  /* hover / pressed */
  --brand-soft:   #EF8763;  /* Naranja secundario */
  --brand-tint:   #F7DDD2;
  --brand-wash:   #FBEFEA;

  /* Ink + neutrals — Gris institucional #4A4949 */
  --ink:          #1A1A1A;
  --ink-2:        #2E2E2E;
  --ink-3:        #4A4949;
  --ink-4:        #7A7A7A;
  --line:         #E5E5E5;
  --line-soft:    #EFEFEF;

  /* Surfaces — neutral white */
  --bg:           #FFFFFF;
  --bg-elev:      #FAFAFA;
  --bg-deep:      #1A1A1A;
  --bg-deep-2:    #2E2E2E;

  /* Typography — Helvetica Neue per manual; Inter Tight web fallback.
     Headlines and body share the institutional sans for a sober tone. */
  --font-display: "Helvetica Neue", "HelveticaNeue", "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-sans:    "Helvetica Neue", "HelveticaNeue", "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-serif:   "Times New Roman", Times, serif; /* only inside SDC logo mark */

  /* Fluid type scale (clamp to viewport) */
  --fs-micro:  0.75rem;
  --fs-small:  0.875rem;
  --fs-base:   1rem;
  --fs-lead:   clamp(1.125rem, 0.95rem + 0.55vw, 1.375rem);
  --fs-h6:     clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --fs-h5:     clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-h4:     clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fs-h3:     clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem);
  --fs-h2:     clamp(2.25rem, 1.5rem + 2.8vw, 3.75rem);
  --fs-h1:     clamp(2.75rem, 1.4rem + 5.4vw, 5.75rem);
  --fs-hero:   clamp(2.5rem, 1.2rem + 4.4vw, 5.25rem);

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* Geometry */
  --radius-xs: 2px;
  --radius-s:  6px;
  --radius-m:  10px;
  --radius-l:  18px;

  /* Motion */
  --ease:    cubic-bezier(.2, .7, .2, 1);
  --ease-in: cubic-bezier(.4, 0, .8, .4);

  /* Layout */
  --max-w:     1320px;
  --gutter:    clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
  --header-h:  78px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}