/* Tokens de diseño SG Residencial — paleta tomada del logo y de la referencia DACO */
:root {
  /* Color */
  --color-ink: #26292e;
  --color-ink-soft: #3b3f46;
  --color-ink-deep: #1b1d21;
  --color-paper: #fbf8f2;
  --color-cream: #f5f0e6;
  --color-cream-deep: #ebe3d3;
  --color-bronze: #99704a;
  --color-bronze-light: #c29b72;
  --color-bronze-soft: rgba(153, 112, 74, 0.12);
  --color-muted: #6e6862;
  --color-muted-light: rgba(245, 240, 230, 0.72);
  --color-line: rgba(38, 41, 46, 0.12);
  --color-line-light: rgba(245, 240, 230, 0.18);
  --color-error: #b3412e;
  --color-focus: #c29b72;

  /* Tipografía */
  --font-serif: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --text-hero: clamp(2.6rem, 1.2rem + 5.6vw, 5.75rem);

  --tracking-label: 0.24em;
  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-body: 1.65;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(4.5rem, 3rem + 7vw, 10rem);
  --container: 1240px;
  --gutter: clamp(1.25rem, 0.75rem + 3vw, 3rem);
  --header-h: 72px;
  --mobile-bar-h: 64px;

  /* Forma */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(27, 29, 33, 0.04), 0 8px 24px rgba(27, 29, 33, 0.06);
  --shadow-lift: 0 2px 4px rgba(27, 29, 33, 0.05), 0 22px 48px rgba(27, 29, 33, 0.12);

  /* Movimiento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-slow: 900ms;
  --stagger: 90ms;
}