/* Nzinga Electric skin for the Lattis template (reference.css). Loaded after it on the four platform pages only
   (index, tokenizer, network, app). It changes colour values, sizes the Nzinga logo and wordmark, and keeps the
   template's own integration rules; layout, type, spacing and motion stay as reference.css has them. */

/* ---------- Colour: the template's blue accent becomes Nzinga Electric ---------- */
:root, .theme-light {
  --_theme---base--black: #0B0B10;           /* text and filled buttons */
  --_theme---accent--primary: #5C7A00;        /* small accent text on white: eyebrows, crumbs, card tags, links */
  --_theme---accent--deep: #4A6200;
  --_theme---accent--soft: #F3FFD6;
  --_theme---accent--muted: #C8FF2E;
  --nz-display: #FF2D7A;                      /* display-size accent text on white: the second headline line */
}
.theme-dark {
  --_theme---base--white: #0B0B10;            /* dark sections */
  --_theme---base--black: #F7F7FA;
  --_theme---surface--inverse: #0B0B10;
  --_theme---accent--primary: #C8FF2E;        /* Volt on dark */
  --_theme---accent--deep: #E2FF94;
  --_theme---accent--soft: #262F0B;
  --_theme---accent--muted: #5C7A00;
  --nz-display: #C8FF2E;
}
.cst-item-hero_title-accent, .cst-item-compare_accent, .heading-accent { color: var(--nz-display); }
.cst-item-body_quote { border-left-color: var(--nz-display); }
.nz-accent { color: var(--_theme---accent--primary); }

/* ---------- Logo: the cowrie and the drawn wordmark in the template's 78 x 25 slot ---------- */
.nav_logo, .footer_logo { --nz-ground: var(--_theme---base--white); gap: 5px; }
.nav_logo svg, .footer_logo svg { display: block; flex: none; }

/* ---------- Footer: the drawn wordmark in place of the typed one, same size and colour ---------- */
.footer_wordmark-text.nz-wordmark { letter-spacing: 0; margin-top: .03em; margin-left: -.02em; }
.footer_wordmark-text.nz-wordmark svg { display: block; width: 2.3em; height: auto; }

/* The newsletter field is a GitHub link: the field shows the address as static text. */
.footer_input.nz-field { display: flex; align-items: center; color: var(--_theme---neutral--600); white-space: nowrap; overflow: hidden; }

/* ---------- The template's own integration rules (app/src/styles.css) ---------- */
html { min-width: 320px; }
.footer_form { padding-right: 14px; }
.nav_dropdown-list.w--open > .nav_panel-products,
.nav_dropdown-list.w--open > .nav_panel-pages { opacity: 1 !important; visibility: visible !important; transform: none !important; }
@media (min-width: 992px) { .nav_menu { transform: none !important; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }