/* Tokens del tema — valores exactos del diseño aprobado (Fase C).
   Tailwind (assets/css/tailwind.css) conserva su propia paleta compilada: usa modificadores de opacidad
   (text-ink/85, text-paper/70) que no admiten variables CSS sin cambiar el diseño. */
:root {
  /* Brand core — pulled from the live site's logo SVG */
  --deep: #00232B;       /* near-black teal, backgrounds */
  --primary: #003A48;    /* dark teal — CTAs, ink */
  --primary-2: #045C78;  /* mid teal — headings, links */
  --mist: #98B1C1;       /* pale steel-blue accent */
  --steel: #828386;      /* neutral gray */
  --ink: #0B0E10;        /* body text */
  --paper: #F6F5F1;      /* warm off-white background */
  --paper-2: #EFEDE6;    /* slightly deeper warm surface */
  --white: #FFFFFF;

  /* Single accent — oxidized copper. Ties the palette back to real roofing
     material (weathered copper flashing/roofing) instead of a generic
     "brand blue + random accent" combo. Used sparingly, never as a gradient. */
  --copper: #AD531E;
  --copper-2: #E08A45;

  --radius-sm: 2px;
  --radius-md: 6px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Valores que se repetían como literales en style.css (Fase C) */
  --steel-text: #5d6164;                     /* texto de apoyo sobre papel (contraste AA) */
  --paper-90: rgba(246, 245, 241, 0.9);      /* header sobre scroll */
  --ink-line-soft: rgba(11,14,16,0.08);
  --ink-line: rgba(11,14,16,0.18);
  --radius-lg: 0.75rem;
  --radius-pill: 999px;
  --whatsapp: #25d366;
  --danger: #9B2C2C;

  /* Interfaz de MASS Base (WhatsApp flotante, consentimiento) mapeada a los tokens del tema */
  --mass-ui-bg: var(--paper);
  --mass-ui-fg: var(--ink);
  --mass-ui-primary: var(--primary);
  --mass-ui-primary-fg: var(--paper);
  --mass-ui-secondary: var(--paper-2);
  --mass-ui-radius: var(--radius-md);
  --mass-ui-whatsapp: var(--whatsapp);
  --mass-ui-offset: 1.5rem;
}