/* =============================================================
   VARIABLES — solo editar colores y fuentes por proyecto
   ============================================================= */
:root {
  /* ── COLORES ── */
  --color-bg:#0E0804; --color-bg-top:#150E08; --color-bg-bottom:#0B0603;
  --color-surface:rgba(255,255,255,.05);  --color-surface-2:rgba(255,255,255,.08);
  --color-border:rgba(255,255,255,.13);   --color-border-strong:rgba(255,255,255,.2);
  --color-primary:#F97316; --color-primary-dark:#EA580C; --color-primary-light:#FB923C; --color-primary-pale:#FDBA74;
  --color-primary-soft:rgba(249,115,22,.15);
  --color-text:#FBF7F1; --color-text-2:#CDC2B6; --color-text-muted:#95897B;
  --color-whatsapp:#25D366; --color-danger:#F87171; --color-success:#4ADE80;
  --grad-primary:linear-gradient(135deg,#FB923C 0%,#EA580C 100%);
  --grad-text:linear-gradient(90deg,#FDBA74 0%,#F97316 100%);

  /* ── TIPOGRAFÍA ── */
  --font-heading:'Sora',system-ui,sans-serif; --font-body:'Manrope',system-ui,sans-serif;
  --font-size-base:1.6rem; /* html{font-size:62.5%} */

  /* ── ESPACIADO ── */
  --space-xs:.4rem;--space-sm:.8rem;--space-md:1.6rem;--space-lg:3.2rem;--space-xl:6.4rem;--space-2xl:10rem;

  /* ── LAYOUT ── */
  --container-max:120rem; --container-pad:2rem;
  --radius-sm:1rem;--radius-md:1.6rem;--radius-lg:2.4rem;--radius-xl:3rem;--radius-pill:99rem;

  /* ── SOMBRAS ── */
  --shadow-sm:0 8px 20px rgba(0,0,0,.25);--shadow-md:0 18px 40px rgba(0,0,0,.35);--shadow-lg:0 30px 60px rgba(0,0,0,.45);
  --shadow-primary:0 10px 26px rgba(234,88,12,.4);

  /* ── TRANSICIONES ── */
  --transition:.25s ease;
}