:root {
	/* Primary (teal, derived from OK palette) */
	--color-primary: #006a5b;
	--color-primary-dark: #004d42;
	--color-primary-light: #ddeade;
	--color-primary-lighter: #eef5ee;

	/* OK / success */
	--color-ok: #006a5b;
	--color-ok-mid: #5a9b8e;
	--color-ok-light: #ddeade;
	--color-ok-light-plus: #d2e3d3;

	/* Warning */
	--color-warning: #e99900;
	--color-warning-mid: #f0bc5e;
	--color-warning-light: #fae1bd;

	/* Error */
	--color-error: #b71e3f;
	--color-error-mid: #d57a8a;
	--color-error-light: #f3dedc;

	/* Neutral / pending */
	--color-neutral: #fbd24a;
	--color-neutral-mid: #fce89a;
	--color-neutral-light: #fdf8e7;

	/* Rectified / re-inspection (teal) */
	--color-rectified: #00838f;
	--color-rectified-mid: #4db6c4;
	--color-rectified-light: #dff2f5;

	/* Surfaces, borders, and text */
	--color-border: #e0e0e0;
	--color-surface: #ffffff;
	--color-surface-variant: #f0f0f0;
	--color-on-surface: #1a1a1a;
	--color-on-surface-variant: #5a5a5a;
}

body {
	font-family: var(--dq-font-family, 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif);
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-family: var(--dq-font-family-display, 'Sansita', 'Lato', system-ui, sans-serif);
	font-style: var(--dq-font-style-display, italic);
	font-weight: var(--dq-page-header-title-font-weight, var(--dq-font-weight-bold));
}

* {
	box-sizing: border-box;
}

.container {
	max-width: var(--dq-page-container-max-width, var(--dq-content-max-width));
	width: 100%;
	margin-inline: var(--dq-page-container-margin-inline, auto);
	padding-inline: var(--dq-page-container-padding-inline, var(--dq-page-padding));
}

html[data-dq-theme='stemplet'] {
	--dq-page-container-margin-inline: auto;
	--dq-font-weight-medium: var(--dq-font-weight-regular);
	--dq-font-weight-semibold: var(--dq-font-weight-bold);
	--dq-table-font-size: 0.9rem;
	--dq-table-header-font-size: 0.78rem;
}