:root {
  /* Fonts — Inter: limpia, sobria y alineada a servicios corporativos premium */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  --font-inter: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  --font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";

  /* Colors (from Figma) */
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-border: #f3f4f6;
  --color-border-strong: #e5e7eb;

  --color-text: #1a1a1a;
  --color-text-2: #111827;
  --color-muted: #6b7280;
  --color-muted-2: #4b5563;

  --color-primary: #0e5ba3;
  /* Hover “máscara” sobre botones primarios (hero, contact-submit, etc.) */
  --color-primary-deep: #063d78;
  /* Acento editorial (hero, links y highlights en home) */
  --color-accent: #2196f3;
  --color-accent-deep: #1565c0;
  --color-accent-rgb: 33, 150, 243;
  --color-success: #28a745;

  --color-footer: #1a1a1a;
  --color-footer-2: #1f2937;
  --color-footer-text: #9ca3af;

  /* Radii */
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1), 0 10px 15px rgba(0, 0, 0, 0.1);

  /* Layout */
  --container: 1280px;
  --container-pad: 32px;
  --page-pad: 80px;
  --header-h: 80px;
  /* Altura visible del header en modo barra pill (contacto, detalle oficina) */
  --header-bar-h: 76px;
  --header-stack-h: calc(var(--header-bar-h) + env(safe-area-inset-top, 0px));
}