/* ==========================================================================
   base/tokens.css
   Variables de diseño (colores, tipografías, radios, medidas).
   Cambie aquí el rojo de marca, el fondo o las fuentes y se actualiza todo el sitio.
   ========================================================================== */
:root {
  --red: #e3262b;
  --red-2: #ff4d52;
  --red-deep: #8c0f13;
  --bg: #08080b;
  --bg-2: #0f0f14;
  --card: rgba(22, 22, 28, .72);
  --card-2: rgba(255, 255, 255, .08);
  --line: rgba(255, 255, 255, .09);
  --line-2: rgba(255, 255, 255, .16);
  --text: #f4f4f7;
  --muted: #a3a3b2;
  --wa: #25d366;
  --radius: 22px;
  --radius-sm: 14px;
  --font-d: "Unbounded", "Segoe UI", system-ui, sans-serif;
  --font-b: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --gutter: clamp(16px, 4vw, 56px);
  --maxw: 1240px;
  color-scheme: dark;
}