/* Site colour tokens. Our page styles (nav, services, blog, home, works, design, about) use these
   instead of fixed colours, so the dark theme changes them in one place.
   Roles: text = text on light sections; surface/bg = section and card backgrounds; line/edge =
   borders; ink = dark panels and text on lime, which stay dark in both themes. */

/* Light theme. Also restored inside parts that stay light in the dark theme (lime bands, coloured
   chips, brand cards, the newspaper page's newsprint), so the text in them keeps its dark ink. */
:root,
:root[data-theme="dark"] :is(.ed-reach, .ed-footer__bar, .ed-devc__done.is-on, .ed-why2__files li:first-child, .ed-work-card__all, .ed-studio__team span, .ed-cursor b, .ed-services__cta, .ed-work-card--all, .ed-prod, .ed-paper, .ed-nflow, .ed-news__push, .ed-product--paper, .ed-phero__shot--paper) {
	--ed-lime: #abfa08;

	--ed-ink: #151515;
	--ed-ink-2: #111;

	--ed-surface: #fff;
	--ed-bg: #f7f7f4;
	--ed-bg-2: #f1f1ec;

	--ed-text: #151515;
	--ed-text-strong: #111;
	--ed-text-2: #2b2b2b;
	--ed-text-3: #3d3d3a;
	--ed-muted: #5d5d5a;
	--ed-muted-2: #6b6b66;
	--ed-muted-3: #8a8a85;
	--ed-muted-4: #b9bcb5;

	--ed-line: #e6e6e0;
	--ed-edge: #151515;
	--ed-edge-2: #111;

	/* Section backgrounds (full-width bands), separate from the cards inside them. */
	--ed-section: #f7f7f4;        /* off-white sections */
	--ed-section-white: #fff;     /* white sections */
	--ed-section-deep: #f1f1ec;   /* a slightly deeper off-white */
	--ed-section-soft: #fafaf8;   /* a lighter off-white */

	/* rgb triples for translucent layers: frosted white panels, faint ink lines */
	--ed-surface-rgb: 255, 255, 255;
	--ed-shade-rgb: 17, 17, 17;

	/* one-off greys, named by their light value: backgrounds (tint), borders (rule), text (tx) */
	--ed-tint-fffdf8: #fffdf8;
	--ed-tint-fbfaf6: #fbfaf6;
	--ed-tint-fafaf8: #fafaf8;
	--ed-tint-fafaf7: #fafaf7;
	--ed-tint-fbf9f4: #fbf9f4;
	--ed-tint-f4f4f1: #f4f4f1;
	--ed-tint-f4f4ef: #f4f4ef;
	--ed-tint-f2f2ee: #f2f2ee;
	--ed-tint-f0f0ec: #f0f0ec;
	--ed-tint-ecece7: #ecece7;
	--ed-tint-ecece6: #ecece6;
	--ed-tint-e9e9e4: #e9e9e4;
	--ed-tint-e9e9e3: #e9e9e3;
	--ed-tint-e7e7e1: #e7e7e1;
	--ed-tint-e6e6e0: #e6e6e0;
	--ed-tint-e5e5df: #e5e5df;
	--ed-tint-dddddd: #dddddd;
	--ed-tint-dcdcd6: #dcdcd6;
	--ed-tint-dcdcd5: #dcdcd5;
	--ed-tint-d9d9d3: #d9d9d3;
	--ed-tint-d4d4ce: #d4d4ce;
	--ed-tint-cccccc: #cccccc;
	--ed-tint-c9c9c2: #c9c9c2;
	--ed-rule-f0f0ea: #f0f0ea;
	--ed-rule-efefea: #efefea;
	--ed-rule-ecece6: #ecece6;
	--ed-rule-ebebe6: #ebebe6;
	--ed-rule-e3e3dd: #e3e3dd;
	--ed-rule-e3e3dc: #e3e3dc;
	--ed-rule-deded8: #deded8;
	--ed-rule-dcdcd6: #dcdcd6;
	--ed-rule-dcdcd5: #dcdcd5;
	--ed-rule-d9d9d2: #d9d9d2;
	--ed-rule-d6d6cf: #d6d6cf;
	--ed-rule-cfcfc8: #cfcfc8;
	--ed-rule-c9c9c2: #c9c9c2;
	--ed-tx-1f1f1f: #1f1f1f;
	--ed-tx-2a2a2a: #2a2a2a;
	--ed-tx-2e2e2e: #2e2e2e;
	--ed-tx-3a3a37: #3a3a37;
	--ed-tx-3a3a3a: #3a3a3a;
	--ed-tx-3d3d3d: #3d3d3d;
	--ed-tx-4a4a46: #4a4a46;
	--ed-tx-4b4b47: #4b4b47;
	--ed-tx-4a4a4a: #4a4a4a;
}

/* Dark theme: light sections turn near-black, cards a step lighter, text light. */
:root[data-theme="dark"] {
	color-scheme: dark;

	--ed-surface: #1f1f1e;
	--ed-bg: #0f0f0e;
	--ed-bg-2: #181817;

	--ed-text: #f1f1ec;
	--ed-text-strong: #fff;
	--ed-text-2: #e4e4de;
	--ed-text-3: #d4d4ce;
	--ed-muted: #b4b4ae;
	--ed-muted-2: #a8a8a2;
	--ed-muted-3: #94948e;
	--ed-muted-4: #7c7c77;

	--ed-line: #343432;
	--ed-edge: #e6e6e0;
	--ed-edge-2: #f1f1ec;

	/* Section backgrounds: change one value to recolour every section of that kind on every page. */
	--ed-section: #0e1d17;        /* off-white sections → deep green */
	--ed-section-white: #0c0c0b;  /* white sections → near-black */
	--ed-section-deep: #13261e;
	--ed-section-soft: #0e1d17;

	--ed-surface-rgb: 31, 31, 30;
	--ed-shade-rgb: 241, 241, 236;

	--ed-tint-fffdf8: #191918;
	--ed-tint-fbfaf6: #1c1c1b;
	--ed-tint-fafaf8: #1c1c1b;
	--ed-tint-fafaf7: #1c1c1b;
	--ed-tint-fbf9f4: #1d1d1c;
	--ed-tint-f4f4f1: #222221;
	--ed-tint-f4f4ef: #232322;
	--ed-tint-f2f2ee: #242423;
	--ed-tint-f0f0ec: #262625;
	--ed-tint-ecece7: #2b2b2a;
	--ed-tint-ecece6: #2b2b2a;
	--ed-tint-e9e9e4: #2e2e2d;
	--ed-tint-e9e9e3: #2e2e2d;
	--ed-tint-e7e7e1: #30302f;
	--ed-tint-e6e6e0: #313130;
	--ed-tint-e5e5df: #323231;
	--ed-tint-dddddd: #383837;
	--ed-tint-dcdcd6: #3b3b3a;
	--ed-tint-dcdcd5: #3b3b3a;
	--ed-tint-d9d9d3: #3e3e3d;
	--ed-tint-d4d4ce: #434342;
	--ed-tint-cccccc: #494948;
	--ed-tint-c9c9c2: #4e4e4d;
	--ed-rule-f0f0ea: #292928;
	--ed-rule-efefea: #2a2a29;
	--ed-rule-ecece6: #2d2d2c;
	--ed-rule-ebebe6: #2e2e2d;
	--ed-rule-e3e3dd: #363635;
	--ed-rule-e3e3dc: #363635;
	--ed-rule-deded8: #3b3b3a;
	--ed-rule-dcdcd6: #3d3d3c;
	--ed-rule-dcdcd5: #3d3d3c;
	--ed-rule-d9d9d2: #40403f;
	--ed-rule-d6d6cf: #434342;
	--ed-rule-cfcfc8: #4a4a49;
	--ed-rule-c9c9c2: #50504f;
	--ed-tx-1f1f1f: #e8e8e4;
	--ed-tx-2a2a2a: #e0e0dc;
	--ed-tx-2e2e2e: #dcdcd8;
	--ed-tx-3a3a37: #d4d4d0;
	--ed-tx-3a3a3a: #d4d4d0;
	--ed-tx-3d3d3d: #d1d1cd;
	--ed-tx-4a4a46: #c8c8c4;
	--ed-tx-4b4b47: #c8c8c4;
	--ed-tx-4a4a4a: #c8c8c4;
}

:root[data-theme="dark"] body {
	background: var(--ed-bg);
	color: var(--ed-text);
}

/* Bold text the old theme paints black. */
:root[data-theme="dark"] :is(.ed-apps__text b, .ed-doc__head b, .ed-search__pages b) {
	color: var(--ed-text);
}