/* Dam Writers page blocks: shared tokens.
   Brand and UI colours come from the theme presets (theme.json) with the same value as fallback,
   so the blocks keep their look if another theme is active (plugin independence).
   Illustration-only colours (not in the theme palette) are defined here and nowhere else:
   this file is the documented exception for raw hex values in the plugin. */
:root {
	--dwb-brand: var(--wp--preset--color--brand, #D02878);
	--dwb-brand-dark: var(--wp--preset--color--brand-dark, #A81E5D);
	--dwb-brand-tint: var(--wp--preset--color--brand-tint, #FCE9F1);
	--dwb-brand-soft: var(--wp--preset--color--brand-soft, #FDF4F8);
	--dwb-ink: var(--wp--preset--color--ink, #161E29);
	--dwb-body: var(--wp--preset--color--body, #515967);
	--dwb-muted: var(--wp--preset--color--muted, #6B7280);
	--dwb-border: var(--wp--preset--color--border, #E4E7EC);
	--dwb-surface: var(--wp--preset--color--surface, #F6F7F9);
	--dwb-white: var(--wp--preset--color--white, #FFFFFF);
	--dwb-strong: var(--wp--preset--color--strong, #107838);
	--dwb-strong-bg: var(--wp--preset--color--strong-bg, #EDF9F0);
	--dwb-needs: var(--wp--preset--color--score, #B45008);
	--dwb-needs-bg: var(--wp--preset--color--needs-bg, #FBF3DE);
	--dwb-weak: var(--wp--preset--color--weak, #B42318);
	--dwb-weak-bg: var(--wp--preset--color--weak-bg, #FDECEA);
	--dwb-ink-soft: var(--wp--preset--color--ink-soft, #AEB6C2);
	--dwb-ink-line: var(--wp--preset--color--ink-line, #2B3544);
	--dwb-pink-on-ink: var(--wp--preset--color--pink-on-ink, #F7A9CB);
	--dwb-font: var(--wp--preset--font-family--sans, Montserrat, ui-sans-serif, system-ui, sans-serif);
	--dwb-mono: var(--wp--preset--font-family--mono, ui-monospace, SFMono-Regular, Menlo, monospace);

	/* Illustration-only colours (documented exception). */
	--dwb-amber: #F5B544;          /* report gauge "kan beter" */
	--dwb-serp-blue: #1A3FA6;      /* search result title */
	--dwb-highlight: #F9CFE1;      /* marker behind rewritten text */
	--dwb-pink-line: #F5D3E3;      /* pink hairline borders */
	--dwb-pink-line-2: #F1E3EA;
	--dwb-pink-line-3: #F2B8D1;
	--dwb-pink-mid: #F3BFD6;
	--dwb-pink-pale: #FBE1EC;
	--dwb-pink-wash: #FBF6F8;
	--dwb-pink-arc: #F3D3E2;
	--dwb-alarm: #C0182A;          /* "Hoge impact" label in the action card */
	--dwb-ok-line: #9BD1AE;
	--dwb-ink-2: #1F2937;          /* dark panels */
	--dwb-ink-3: #18202C;
	--dwb-ink-4: #2E3A4B;
	--dwb-ink-5: #3A4658;
	--dwb-ink-6: #111A25;
	--dwb-ink-text: #C9CFD8;       /* body text on ink */
	--dwb-ink-dim: #8E98A8;
	--dwb-neon-green: #3DDC97;
	--dwb-neon-blue: #8FB8FF;
	--dwb-neon-violet: #B59CFF;
	--dwb-grey-pos: #9AA3AF;
	--dwb-shadow-card: 0 18px 40px -22px rgba(22, 30, 41, 0.4);
	--dwb-shadow-lift: 0 30px 60px -30px rgba(22, 30, 41, 0.35);
	--dwb-radius-s: var(--wp--custom--radius--small, 10px);
	--dwb-radius-m: var(--wp--custom--radius--medium, 18px);
	--dwb-radius-l: var(--wp--custom--radius--large, 28px);
	--dwb-pill: var(--wp--custom--radius--pill, 999px);
}

/* Shared gauge (dwb_gauge()). */
.dwb-gauge { display: block; width: 100%; height: auto; overflow: visible; }
.dwb-gauge__track { stroke: var(--dwb-border); }
.dwb-gauge__track-pink { stroke: var(--dwb-pink-arc); }
.dwb-gauge__arc.is-ok { stroke: var(--dwb-strong); }
.dwb-gauge__arc.is-wip { stroke: var(--dwb-amber); }
.dwb-gauge__arc.is-brand { stroke: var(--dwb-brand); }
.dwb-gauge__v { font: 800 34px var(--dwb-font); fill: var(--dwb-ink); }
.dwb-gauge__o { font: 500 10px var(--dwb-font); fill: var(--dwb-muted); }

/* Status marks used in report previews. */
.dwb-mk { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; font-size: 12px; font-weight: 800; color: var(--dwb-white); }
.dwb-mk.is-g { background: var(--dwb-strong); }
.dwb-mk.is-a { background: var(--dwb-amber); color: var(--dwb-ink); }
.dwb-mk.is-r { background: var(--dwb-weak); }
.dwb-pill { display: inline-block; font-size: 11.5px; font-weight: 700; border-radius: var(--dwb-pill); padding: 3px 10px; }
.dwb-pill.is-wip { background: var(--dwb-needs-bg); color: var(--dwb-needs); }
.dwb-pill.is-ok { background: var(--dwb-strong-bg); color: var(--dwb-strong); }

.dwb-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; white-space: nowrap; }

/* List style "Vinkjes" (is-style-dwb-ticks), registered for core/list in inc/page-blocks.php. */
.is-style-dwb-ticks { list-style: none; padding: 0; display: grid; gap: 8px; font-size: 14.5px; color: var(--dwb-ink); }
.is-style-dwb-ticks > li { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
.is-style-dwb-ticks > li::before { content: ""; flex: none; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: var(--dwb-brand-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23D02878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }