/* ============================================================
   Template BASE — Design tokens
   SOLO variables. El layout vive en utilidades Tailwind.
   ============================================================ */
:root {
  --blue: #3649f1;
  --celeste: #edf4ff;
  --black: #000000;
  --white: #ffffff;
  --dark-gray: #393939;
  --gray: #808080;
  --light-gray: #e2e2e2;
  --energy: #585857;
  --ad-bg: #d9d9d9;
  --ad-text: #666666;

  --radius-avatar: 4px;
  --radius-m: 10px;
  --shadow-box: 0 0 6px rgba(0, 0, 0, 0.16);
  --shadow-soft: 0 0 3px rgba(0, 0, 0, 0.16);
  --shadow-card: 0 2px 7.5px rgba(0, 0, 0, 0.1);

  --font-sans: "Public Sans", system-ui, -apple-system, sans-serif;
  --font-roboto: "Roboto", var(--font-sans);
  --font-open: "Open Sans", var(--font-sans);

  --content-w: 1002px;
  --article-w: 658px;
  --aside-w: 314px;
  --live-red: #ca001e;
}
</content>
</invoke>