/* Number Field: one accent colour (meadow green from the app icon) */
:root {
    --nf-accent: #3b7d2c;
    --nf-tint: #eef5ea;
    --nf-line: #d3e5c9;
}

:root[data-theme="dark"] { --nf-accent: #8fd07a; --nf-tint: #16261a; --nf-line: #2a4530; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) { --nf-accent: #8fd07a; --nf-tint: #16261a; --nf-line: #2a4530; }
}

.page-header {
    background: var(--nf-tint);
    border-bottom-color: var(--nf-line);
}

.page-header .badge:not(.badge-muted) { color: var(--nf-accent); background: var(--surface); border: 1px solid var(--nf-line); }
.page-header .badge-muted { background: var(--surface); }

.product-hero .lead { max-width: 56ch; }

.step { border-top-color: var(--nf-line); }
.step::before { color: var(--nf-accent); }

.screenshots figure { min-width: 0; }