/* ==========================================================================
   Tokens de diseño — Castillo Figueroa Abogados
   Fuente: 01_Brand_Book.pdf + layout Home/home.png
   En Elementor: Ajustes del sitio > Colores globales / Fuentes globales
   ========================================================================== */

:root {
  /* --- Colores de marca --- */
  --c-navy: #0f2748;          /* Azul Profundo: títulos y texto sobre claro */
  --c-navy-night: #0a1b2d;    /* Azul Noche: secciones oscuras, footer */
  --c-navy-ink: #050b13;      /* Overlay del hero */
  --c-slate: #627085;         /* Azul Medio: texto secundario */
  --c-gold: #8c6a3a;          /* Ocre AA: texto dorado sobre claro (4.5:1) */
  --c-gold-light: #c9a66b;    /* Ocre Claro: acentos sobre oscuro */
  --c-gold-btn: #93703f;      /* Botón (texto blanco 4.5:1) */
  --c-gold-btn-dark: #846428; /* Bronce Profundo: hover / foco */
  --c-sand: #bda781;          /* Arena Dorada: líneas decorativas */
  --c-cream: #f7f4f0;         /* Fondo crema del layout */
  --c-cream-soft: #fbf9f7;    /* Fondo FAQ */
  --c-white: #ffffff;
  --c-ink: #1a1a1a;           /* Negro Suave */
  --c-text: #4a5261;          /* Párrafos sobre crema */
  --c-line: #e3ddd4;          /* Divisores sobre crema */
  --c-line-dark: rgb(255 255 255 / 0.14);

  /* --- Tipografía (Brand Book: Fraunces display + Inter body) --- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-h1: clamp(2.75rem, 5.14vw, 4.625rem);     /* 74px @1440 */
  --fs-h2: clamp(2.25rem, 3.9vw, 3.5rem);        /* 56px @1440 */
  --fs-h2-sm: clamp(2rem, 3.06vw, 2.75rem);      /* 44px @1440 */
  --fs-h3: 1.375rem;                             /* 22px */
  --fs-lead: 1.25rem;                            /* 20px */
  --fs-body: 1.0625rem;                          /* 17px */
  --fs-small: 0.9375rem;                         /* 15px */
  --fs-eyebrow: 0.8125rem;                       /* 13px */

  --lh-tight: 1.07;
  --lh-heading: 1.12;
  --lh-body: 1.7;
  --ls-heading: -0.02em;
  --ls-eyebrow: 0.26em;

  /* --- Layout --- */
  --container: 1340px;
  --gutter: 50px;             /* margen lateral desktop */
  --inset: 38px;              /* sangría del texto respecto a la retícula */
  --header-h: 88px;

  /* --- Forma y profundidad --- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --shadow-card: 0 14px 30px rgb(10 27 45 / 0.16);

  /* --- Movimiento (Brand Book: 150ms micro / 300ms componentes) --- */
  --t-fast: 150ms;
  --t-base: 300ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}