/* AquaNetica Core: design tokens.
 *
 * Extracted verbatim from AquaNetica Learning 1.19.0, which had in turn lifted
 * them from the live directory stylesheet. Values are unchanged. If a value
 * here looks wrong, it is wrong on /learning/ and /directory/ too, and changing
 * it is a design decision rather than a migration.
 *
 * Scoped to the .aqn wrapper, not :root, for two reasons: tokens must not leak
 * into the rest of the site, and Core must not depend on the theme putting a
 * class anywhere. Every AquaNetica page component sits inside .aqn.
 */

.aqn {
	--aqn-teal: #15807d;
	--aqn-ink: #0f172a;
	--aqn-head: #0b1320;
	--aqn-body: #475569;
	--aqn-muted: #64748b;
	--aqn-line: #e2e8f0;
	--aqn-divider: #f1f5f9;
	--aqn-card: #fff;
	--aqn-wash: #f8fafc;

	/* Was repeated inline in four places in Learning. One token now. */
	--aqn-focus-ring: 0 0 0 3px rgba(21, 128, 125, .15);

	/* Border hover colour, repeated on both the filter button and the card. */
	--aqn-line-hover: #cbd5e1;

	--aqn-radius-card: 14px;
	--aqn-radius-control: 10px;
}

/* Dark mode follows the SITE's convention, not the operating system's.
   prefers-color-scheme would have turned these cards dark on a light page for
   anyone whose laptop is set to dark. Both hooks are carried over because both
   are in use on aquanetica.com. */
:root[data-theme="dark"] .aqn,
body.is-dark .aqn {
	--aqn-ink: #f1f5f9;
	--aqn-head: #f1f5f9;
	--aqn-body: #cbd5e1;
	--aqn-muted: #94a3b8;
	--aqn-line: #334155;
	--aqn-divider: #1e293b;
	--aqn-card: #0f172a;
	--aqn-wash: #0b1220;
}