/* ============================================
   Trexo — sistema de diseño compartido
   Variables de color, reset base. Usado por todas
   las páginas del sitio (index, blog, legales, etc.)

   El nav, footer, botones y demás componentes se
   mantienen deliberadamente distintos por tipo de
   página (marketing, legal, blog, demo) y viven en
   el <style> propio de cada archivo.
   ============================================ */

:root {
  --bg:       #0C0C0E;
  --bg2:      #111115;
  --surface:  #18181D;
  --surface2: #1F1F26;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.12);
  --text:     #F0F0F5;
  --muted:    #7A7A90;
  --muted2:   #4A4A60;
  --green:    #00E676;
  --green-d:  #00B85C;
  --green-bg: rgba(0,230,118,0.08);
  --blue:     #4B8EF8;
  --blue-bg:  rgba(75,142,248,0.08);
  --purple:   #A78BFA;
  --orange:   #FB923C;
  --wa:       #25D366;
  --r:        14px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }