/* Tokens de diseño — SDI Servicios y Desarrollos Inmobiliarios
   Paleta: verde marino #0A4647 como único acento (botones, textos resaltados),
   blanco/gris claro predominante de fondo, negro/gris oscuro para texto.
   Tipografía: Montserrat en todo (títulos y cuerpo), jerarquía por tamaño/peso, no por combinación de fuentes. */

:root {
  /* Verde marino — único acento de color, reservado para botones, links y detalles resaltados */
  --color-accent: #0a4647;
  --color-accent-hover: #135953;
  --color-accent-active: #06282a;
  --color-accent-tint: #eaf3f0;

  /* Neutros — el blanco y el gris claro dominan el layout */
  --color-white: #ffffff;
  --color-bg-tint: #f5f5f7;
  --color-ink: #1d1d1f;
  --color-ink-soft: #6e6e73;
  --color-border: #d2d2d7;

  --color-error: #d70015;
  --color-success: #1d7a3c;

  /* Tipografía — Montserrat en todo, jerarquía por peso/tamaño/tracking (estilo Apple) */
  --font-display: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-body: "Montserrat", "Segoe UI", Arial, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 3.5vw, 4rem);

  --tracking-tight: -0.03em;
  --tracking-tighter: -0.045em;

  /* Espaciado — escala base 8px, con pasos extra para composiciones grandes */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 96px;
  --space-12: 128px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --border-hairline: 1px solid var(--color-border);
  --shadow-float: 0 1px 2px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(0, 0, 0, 0.06);
  --shadow-lift: 0 24px 48px rgba(0, 0, 0, 0.12);

  --content-measure: 66ch;

  /* Movimiento — una sola curva de easing en todo el sitio */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 220ms;
  --duration-base: 600ms;
  --duration-slow: 1000ms;
}