/* ===========================================================
   Hashtag AI — PACKAGE brand tokens (body only)
   The :root design tokens shared by every package section.
   The THEME owns chrome (gradient bg, grain, nav, footer,
   brand fonts as theme defaults); this file carries the
   token contract the section CSS references, plus the body
   font-family variables and the Google Fonts import so the
   package is self-sufficient when previewed in isolation.
   Plain-text comments only (no markup inside comments).
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  /* base + ink */
  --bg:#04060a;
  --bg2:#070a11;
  --ink:#eef3f6;

  /* brand accents */
  --cyan:#35E0FF;
  --teal:#34f0c9;
  --blue:#5b8cff;
  --violet:#262262;

  /* ink at opacities (muted text + meta) */
  --m60:rgba(238,243,246,.6);
  --m38:rgba(238,243,246,.38);
  --m80:rgba(238,243,246,.82);

  /* hairline borders */
  --line:rgba(238,243,246,.1);
  --line2:rgba(238,243,246,.16);

  /* layout + motion */
  --maxw:1180px;
  --ease:cubic-bezier(.22,1,.36,1);
  --t:.4s var(--ease);

  /* display font token (body is Inter, set on the section root) */
  --disp:'Space Grotesk',system-ui,sans-serif;

  /* HMG font hooks — the theme may override these; defaults keep
     the package faithful when previewed on its own */
  --hmg-font-display:'Space Grotesk',system-ui,sans-serif;
  --hmg-font-body:'Inter',system-ui,sans-serif;
}