/* NOUS — tokens. Estructura y movimiento de fizens.framer.ai, en oscuro con el violeta del isotipo. */
:root {
  /* Fondo */
  --bg: #070818;
  --bg-2: #0b0d22;
  --card: #0e1130;
  --card-2: #151a46;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.15);

  /* Texto (todos ≥ 4.5:1 sobre --bg) */
  --text: #f3f3fa;
  --muted: #a8abcc;
  --dim: #8b8eb5;

  /* Marca */
  --violet: #6c4bff;
  --violet-2: #8b6eff;
  --violet-ink: #4a2fd8;
  --lav: #b9a9ff;
  --band: linear-gradient(115deg, #3a1fc6 0%, #5a38f2 42%, #7a5cff 76%, #a28dff 100%);
  --band-soft: linear-gradient(140deg, rgba(108, 75, 255, 0.95), rgba(124, 99, 255, 0.75) 55%, rgba(162, 141, 255, 0.55));

  /* Acentos de apoyo (íconos de servicios y estados) */
  --green: #34d399;
  --amber: #fbbf24;
  --pink: #f472b6;
  --blue: #60a5fa;

  /* Tipografía */
  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-hero: clamp(2.5rem, 1.5rem + 3vw, 4.25rem);
  --fs-h2: clamp(2.1rem, 1.5rem + 2.4vw, 3.6rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --fs-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);

  /* Forma y espacio */
  --r-xl: 36px;
  --r-lg: 28px;
  --r-md: 20px;
  --r-sm: 14px;
  --wrap: 1240px;
  --gut: clamp(20px, 4vw, 56px);
  --section: clamp(88px, 7vw + 40px, 150px);

  /* Movimiento */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Profundidad (desplazamiento + desenfoque) */
  --shadow: 0 30px 80px -24px rgba(0, 0, 0, 0.7), 0 10px 28px -10px rgba(0, 0, 0, 0.5);
  --shadow-violet: 0 18px 50px -12px rgba(108, 75, 255, 0.55), 0 4px 12px rgba(0, 0, 0, 0.35);
}