/*
  Design tokens — Cejas & Asociados (abogadopenalistacba.com.ar / Derecho Penal)

  Variante de la familia de marca compartida con tuabogadocordoba.com y
  salud.abogadopenalistacba.com.ar (navy + dorado + marfil). Penal usa un
  navy más profundo como color dominante, mayor contraste, y un acento de
  urgencia (burdeos) reservado exclusivamente para el bloque de urgencias
  penales y CTAs de contacto urgente — no para uso decorativo general. Ver
  ADR-002 en docs/architecture-decisions.md.

  Mismo criterio que la V1.1 institucional: stack tipográfico 100%
  local/sistema, sin Google Fonts ni fuentes descargadas en runtime. Cero
  solicitudes externas para renderizar el sitio.

  ESTADO: borrador de fase de blueprint. Sujeto a ajuste visual en la fase
  de prototipo (ver information-architecture.md, prioridad P1).
*/

:root {
  /* ---- Color: familia compartida ---- */
  --color-navy: #081426;        /* más profundo que el institucional (#0b1f3a) */
  --color-navy-soft: #0f2038;
  --color-navy-tint: #eaecf1;
  --color-gold: #b8923f;
  --color-gold-soft: #d9bd7c;
  --color-gold-deep: #8a6a28;   /* variante AA-accesible sobre fondos claros */
  --color-muted-on-navy: #99a2b3; /* variante AA-accesible sobre fondo navy */
  --color-ivory: #f7f5ef;
  --color-white: #ffffff;
  --color-text: #14181f;
  --color-text-soft: #333b4a;
  --color-muted: #626a78;
  --color-border: #dfdcd2;
  --color-success: #2f6f4f;
  --color-danger: #9b3b3b;

  /* ---- Color: acento de urgencia (uso restringido, ver nota arriba) ---- */
  --color-urgent: #7a1f2b;
  --color-urgent-soft: #9c3140;
  --color-urgent-tint: #f7e9ea;

  /* ---- Typography (stack 100% local, sin fuentes externas) ---- */
  --font-display: Georgia, "Times New Roman", "Cambria", serif;
  --font-body: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;

  --fs-h1: clamp(2.25rem, 1.7rem + 2.2vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);
  --fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
  --fs-h4: 1.125rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-micro: 0.8125rem;

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  /* ---- Spacing (idéntico a la familia — mismo ritmo vertical en todo el ecosistema) ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  --container-max: 1180px;
  --container-narrow: 760px;

  /* ---- Radius (idéntico a la familia) ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 1px 2px rgba(8, 20, 38, 0.08), 0 1px 1px rgba(8, 20, 38, 0.05);
  --shadow-md: 0 8px 24px rgba(8, 20, 38, 0.10);
  --shadow-lg: 0 20px 48px rgba(8, 20, 38, 0.18);
  --shadow-gold: 0 6px 18px rgba(184, 146, 63, 0.25);
  --shadow-urgent: 0 6px 18px rgba(122, 31, 43, 0.25);

  /* ---- Motion (idéntico a la familia) ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --duration-slow: 420ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}