/* ============================================================
   VECCHTELLIGENCE · Design tokens
   Derivados del logo oficial (degradado naranjo → ámbar)
   ============================================================ */
:root {
  /* --- Marca: degradado del isotipo, muestreado del logo --- */
  --v-orange-deep: #E8552B;  /* extremo rojizo del trazo izquierdo */
  --v-orange:      #EE6A2E;
  --v-orange-mid:  #F0882F;  /* color dominante del logo */
  --v-amber:       #F5972B;
  --v-gold:        #F8B810;
  --v-gold-hi:     #FFC800;  /* extremo ámbar del trazo derecho */

  --v-gradient:      linear-gradient(100deg, var(--v-orange-deep), var(--v-orange-mid) 45%, var(--v-gold-hi));
  --v-gradient-soft: linear-gradient(135deg, rgba(238,106,46,.16), rgba(255,200,0,.10));

  /* --- Neutros (base oscura, técnica) --- */
  --v-ink-950: #07090D;
  --v-ink-900: #0B0E14;
  --v-ink-850: #0F131B;
  --v-ink-800: #141924;
  --v-ink-700: #1D2431;
  --v-line:    rgba(255,255,255,.09);
  --v-line-2:  rgba(255,255,255,.14);

  --v-text:    #F2F5FA;
  --v-muted:   #9BA5B7;
  --v-dim:     #6B7688;

  /* --- Semánticos (estados de detección) --- */
  --v-ok:    #2FD48A;
  --v-warn:  var(--v-gold);
  --v-alert: #FF4D3D;
  --v-scan:  #38BDF8;   /* azul de barrido LiDAR / sensor */

  /* --- Tipografía --- */
  --v-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --v-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --v-t-hero: clamp(2.4rem, 6.2vw, 5.2rem);
  --v-t-h2:   clamp(1.8rem, 3.6vw, 3rem);
  --v-t-h3:   clamp(1.15rem, 1.8vw, 1.45rem);
  --v-t-body: clamp(1rem, 1.15vw, 1.1rem);
  --v-t-sm:   .875rem;
  --v-t-xs:   .75rem;

  /* --- Ritmo y forma --- */
  --v-r-sm: 8px;  --v-r-md: 14px;  --v-r-lg: 22px;  --v-r-pill: 999px;
  --v-pad:  clamp(1.25rem, 5vw, 6rem);
  --v-maxw: 1240px;

  --v-shadow:    0 18px 50px rgba(0,0,0,.45);
  --v-glow:      0 0 42px rgba(240,136,47,.34);
  --v-ease:      cubic-bezier(.22,.61,.36,1);
  --v-ease-out:  cubic-bezier(.16,1,.3,1);
}

/* Tema claro (el sitio arranca oscuro; esto permite alternar) */
:root[data-theme="light"] {
  --v-ink-950: #FFFFFF;
  --v-ink-900: #F7F8FB;
  --v-ink-850: #F1F3F8;
  --v-ink-800: #E9ECF3;
  --v-ink-700: #DDE2EC;
  --v-line:    rgba(10,14,20,.10);
  --v-line-2:  rgba(10,14,20,.16);
  --v-text:    #0B0E14;
  --v-muted:   #4A5567;
  --v-dim:     #79839A;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}