:root{
  /* Base palette — exact values used in tienwi.com.co inline styles */
  --tw-navy:#000025;            /* rgb(0,0,37)   page ground, dark sections */
  --tw-navy-raised:#0f0f2a;     /* rgb(15,15,42) glass card base */
  --tw-blue:#0d3cfe;            /* rgb(13,60,254) primary action */
  --tw-lilac:#8d8dff;           /* rgb(141,141,255) links, accents on dark */
  --tw-green:#00e47e;           /* rgb(0,228,126) automation / success accent */
  --tw-green-ink:#009654;       /* rgb(0,150,84) green text on light */
  --tw-yellow:#fcbc0e;          /* rgb(252,188,14) highlight word, stars */
  --tw-orange-mid:#fc970e;      /* rgb(252,151,14) */
  --tw-orange:#fc790e;          /* rgb(252,121,14) CTA gradient end */
  --tw-orange-ink:#e6820a;      /* rgb(230,130,10) orange text on light */
  --tw-red:#ff5050;             /* rgb(255,80,80) sale / live badges */
  --tw-white:#ffffff;
  --tw-mist:#f5f5fa;            /* rgb(245,245,250) light section ground */
  --tw-chrome:#f3f3f5;          /* browser mockup chrome */

  /* Ink on dark ground */
  --text-on-dark:#ffffff;
  --text-on-dark-strong:rgba(255,255,255,0.85);
  --text-on-dark-muted:rgba(255,255,255,0.6);
  --text-on-dark-soft:rgba(255,255,255,0.55);
  --text-on-dark-faint:rgba(255,255,255,0.45);

  /* Ink on light ground */
  --text-ink:#000025;
  --text-ink-muted:rgba(0,0,37,0.55);
  --text-ink-soft:rgba(0,0,37,0.5);
  --text-ink-faint:rgba(0,0,37,0.45);

  /* Semantic aliases */
  --surface-page:var(--tw-navy);
  --surface-light:var(--tw-mist);
  --surface-card:var(--tw-white);
  --surface-card-dark:var(--tw-navy);
  --surface-glass:rgba(15,15,42,0.55);
  --surface-glass-light:rgba(255,255,255,0.1);
  --surface-nav:rgba(255,255,255,0.06);
  --surface-hover-dark:rgba(255,255,255,0.08);

  --action-primary:var(--tw-blue);
  --action-accent:linear-gradient(95deg,var(--tw-yellow) 0%,var(--tw-orange) 100%);
  --action-badge:linear-gradient(99.103deg,var(--tw-yellow) 0%,var(--tw-orange) 100%);

  --border-on-dark:rgba(255,255,255,0.12);
  --border-on-dark-strong:rgba(255,255,255,0.18);
  --border-hairline-dark:rgba(255,255,255,0.15);
  --border-on-light:rgba(0,0,37,0.08);
  --border-on-light-strong:rgba(0,0,37,0.15);

  --link-color:var(--tw-lilac);
  --link-color-hover:#ffffff;

  /* Icon tile tints (nav dropdowns) */
  --tint-blue:rgba(13,60,254,0.18);
  --tint-green:rgba(0,228,126,0.18);
  --tint-yellow:rgba(252,188,14,0.18);
}