/* Nzinga Electric skin for the Lattis template.
   Loaded on every page right after the template stylesheet (nzinga/tools/foundation.py adds the link).
   It only changes colour values and sizes the Nzinga logo and wordmark. Layout, type, spacing, motion and
   responsive rules stay the template's own. The template's colours are CSS variables on :root, .theme-light and
   .theme-dark (the light/dark switch toggles .theme-dark on .page-wrapper; dark sections carry .theme-dark too),
   so the skin overrides those variables rather than the minified CSS. */

/* ---------- Light theme (and the page default) ---------- */
:root, .theme-light {
  --_theme---base--white: #FFFFFF;          /* page white */
  --_theme---base--black: #0B0B10;          /* text, filled buttons */
  --_theme---neutral--700: #55555F;         /* prose grey */
  --_theme---accent--primary: #5C7A00;      /* small accent text on white: eyebrows, tags, links, hover */
  --_theme---accent--deep: #4A6200;
  --_theme---accent--soft: #F3FFD6;
  --_theme---accent--muted: #C8FF2E;
  --nz-display: #FF2D7A;                    /* display-size accent text: the second headline line */
  --nz-mark: #FF2D7A;                       /* accent squares in pixel icons, dots, bars */
  --nz-fill: #C8FF2E;                       /* filled badges and pills: Volt with black text */
  --nz-on-fill: #0B0B10;
}

/* ---------- Dark theme and dark sections ---------- */
.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;
  --nz-mark: #C8FF2E;
  --nz-fill: #C8FF2E;
  --nz-on-fill: #0B0B10;
}

/* Display-size accent text (headline second lines, big figures) */
.heading-accent, .h1-top_accent, .overview-hero_accent, .blg-hero_accent, .art-hero_accent,
.cst-item-hero_title-accent, .cst-item-compare_accent, .prc-plan_name-accent, .h1-customers_metric-value,
.h2-story_value, .car-value_num { color: var(--nz-display); }

/* Filled badges, pills and buttons that carry text: Volt with black text */
.overview-built_fake-button, .h1-top_check, .h3-hero_pill-tag, .h2-release_badge, .h3-pricing_badge, .evl-pill,
.prc-plan_tag, .pcl-latest_pill, .rel-hero_type, .ctm-msg_icon, .cts-msg_icon, .auth-msg_icon, .sg-msg_icon,
.form-msg_icon { background-color: var(--nz-fill); color: var(--nz-on-fill); }

/* Decorative marks (dots, bars, accent squares) */
.overview-statement_swatch.is-primary, .overview-built_dot, .overview-built_mdot, .overview-built_bar.is-primary,
.overview-built_fill, .chip_dot, .h1-security_badge-dot, .h1-pricing_item:before, .h3-hero_live-dot, .bench-bar,
.h2-security_dot, .h3-run_dot, .h3-run_square-accent, .inf-route-card_fill-62, .inf-route-card_fill-26,
.inf-route-card_fill-10, .inf-route-card_fill-2, .inf-code_dot, .intg-core_sq-accent, .sec-status_dot, .pcl-run_dot,
.pcl-run_square-accent, .docs-side_dot, .docs-run_dot, .docs-run_sq-accent, .rel-card_dot, .job-list_dot,
.abt-year_marker-now, .sup-status_dot, .sup-status_bar, .sup-status_pill-dot, .sup-msg_dot, .err-cell-accent,
.lic-card_visual-accent, .sg-fill-accent-primary, .tcl-entry_mark { background-color: var(--nz-mark); }
.agt-walls_sandbox, .intg-core, .evl-fail { border-color: var(--nz-mark); }

/* ---------- Logo: the cowrie and the drawn wordmark ---------- */
.nav_logo svg.nz-logo, .footer_logo svg.nz-logo { display: block; flex: none; }
.nav_buy-mark svg.nz-mark { display: block; margin: 0 auto; }
.auth-logo_mark.nz-mark { flex: none; }
.nz-wordmark-inline { display: flex; align-items: center; }
.nz-wordmark-inline svg { display: block; height: 1.05em; width: auto; margin-top: .12em; }

/* The giant footer wordmark: the drawn "nzinga" in place of the typed "Lattis", same box, colour and crop */
.footer_wordmark-text.nz-wordmark-text { letter-spacing: 0; margin-top: -.015em; margin-left: -.01em; line-height: 0; }
.footer_wordmark-text.nz-wordmark-text svg { display: block; width: 100%; height: auto; fill: currentColor; }

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

/* Overview: the Figma logo tile shows the spectrum cowrie instead (artwork swap, same tile) */
.overview-figma_logo { background: url(brand/cowrie-spectrum.svg) center / contain no-repeat; }
.overview-figma_logo .overview-figma_dot { visibility: hidden; }