/* NGNS skin over the meeting-tool styles: NGNS fonts + green palette, dark by default. */
:root {
  --ink: #02130F; --ink-2: #04241D;
  --paper: #F1FAF4; --paper-2: #E2F3E9; --card: #FFFFFF;
  --text: #062A22; --muted: #3F6656; --line: rgba(0, 117, 113, .16);
  --sky: #00727F; --sky-soft: #D4F7EE; --mint: #00936B; --grape: #5B4BD8;
  --display: "Fraunces", Georgia, serif;
  --body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
:root[data-theme="dark"] {
  --paper: #02130F; --paper-2: #04201A; --card: #062A22; --text: #EAF7EF;
  --muted: #A9C6B5; --line: rgba(24, 255, 133, .14); --sky: #22E6F2; --sky-soft: #063A35; --mint: #18FF85;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 16px 40px -16px rgba(0,0,0,.6);
}
.brand-mark { background: linear-gradient(135deg, #007571, #18FF85) !important; color: #02130F !important; font: 600 11px/1.05 var(--mono) !important; letter-spacing: .08em; text-align: center; display: inline-grid !important; place-items: center; }
.brand-name b { color: var(--mint); font-weight: 600; }
footer .who .brand-mark { width: 34px; height: 34px; border-radius: 10px; }
h1 .accent, h2 .accent { background: linear-gradient(100deg, #0A9A8E, #18FF85); -webkit-background-clip: text; background-clip: text; color: transparent; }