/* RESET — design tokens. Fuente: docs/direccion-reset.md */

:root {
  /* Primitivos maestros */
  --reset-ink: #0B1823;
  --reset-ink-2: #102633;
  --reset-forest: #07588F;
  --reset-forest-hi: #2B75A9;
  --reset-mint: #C9E8FB;
  --reset-paper: #F3EFE5;
  --reset-paper-2: #E9E2D3;
  --reset-white: #FFFFFF;
  --reset-black: #111918;
  --reset-muted: #5B645F;
  --reset-muted-onink: #AAB9C5;
  --reset-line: #D7D1C4;
  --reset-line-onink: rgba(244, 239, 228, 0.14);
  --reset-line-onink-strong: rgba(244, 239, 228, 0.24);
  --reset-soft-gray: #E8E5DE;

  /* Estado */
  --reset-danger: #B42318;
  --reset-warning: #A15C00;
  --reset-success: #16794F;
  --reset-info: #246BFD;

  /* Tipografia */
  --reset-font-sans: 'Familjen Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --reset-font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --reset-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Escala fluida */
  --reset-type-display-xl: clamp(3rem, 7.2vw, 7rem);
  --reset-type-display: clamp(2.35rem, 5.2vw, 4.8rem);
  --reset-type-h1: clamp(2rem, 4.2vw, 3.25rem);
  --reset-type-h2: clamp(1.5rem, 2.8vw, 2.25rem);
  --reset-type-h3: clamp(1.15rem, 1.6vw, 1.4rem);
  --reset-type-lead: clamp(1.05rem, 1.6vw, 1.25rem);

  /* Espaciado */
  --reset-space-1: 4px;
  --reset-space-2: 8px;
  --reset-space-3: 12px;
  --reset-space-4: 16px;
  --reset-space-6: 24px;
  --reset-space-8: 32px;
  --reset-space-12: 48px;
  --reset-space-16: 64px;
  --reset-space-24: 96px;
  --reset-space-32: 128px;

  /* Forma y linea */
  --reset-radius-none: 0;
  --reset-radius-small: 4px;
  --reset-radius-control: 999px;
  --reset-border-rule: 1px solid var(--reset-line);
  --reset-border-active: 2px solid var(--reset-forest);

  /* Movimiento */
  --reset-duration-fast: 120ms;
  --reset-duration-base: 220ms;
  --reset-duration-slow: 480ms;
  --reset-duration-sequence: 650ms;
  --reset-ease-standard: cubic-bezier(.2, .8, .2, 1);

  /* Layout */
  --reset-container: 1320px;
  --reset-measure: 680px;
  --reset-lead-measure: 880px;
  --reset-gutter: 64px;
  --reset-section-y: 128px;
}

@media (max-width: 1023px) {
  :root {
    --reset-gutter: 32px;
    --reset-section-y: 88px;
  }
}

@media (max-width: 767px) {
  :root {
    --reset-gutter: 24px;
    --reset-section-y: 64px;
  }
}

/* Verticales: acento heredado + tinte */
[data-vertical="digital"]     { --v-accent: #0A4C85; --v-accent-hi: #2A6FAD; --v-tint: #E8EFF7; }
[data-vertical="legal"]       { --v-accent: #D1A048; --v-accent-hi: #E8C37A; --v-accent-text: #8E6E2E; --v-tint: #F8F1E2; }
[data-vertical="social-impact"]         { --v-accent: #C25D1B; --v-accent-hi: #DE7128; --v-tint: #F9EDE2; }
[data-vertical="enterprise"]  { --v-accent: #1E6E78; --v-accent-hi: #2C8A95; --v-tint: #E6F1F2; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .reset-hero__beam,
  .reset-hero__column,
  .reset-logoband__track,
  .reset-trace__line,
  .reset-menu,
  .reset-menu__panel {
    animation: none !important;
  }

  .reset-cta,
  .reset-cta-secondary,
  .reset-router-card,
  .reset-column,
  .reset-person,
  .reset-menu-toggle,
  .reset-menu__close {
    transition-duration: 80ms !important;
    transition-property: color, background-color, border-color, opacity !important;
  }
}