/**
 * TMO Global UI: Light Product Mode.
 *
 * Colour values are semantic so components never need to know whether the
 * active presentation is light or dark.
 */
body.tmo-ui-active.tmo-ui-light,
body.tmo-ui-shell.tmo-ui-shell--light {
	--tmo-ui-brand: #7a58dd;
	--tmo-ui-brand-hover: #6544c4;
	--tmo-ui-brand-active: #5937b6;
	--tmo-ui-brand-soft: #f0ecff;
	--tmo-ui-on-brand: #ffffff;

	--tmo-ui-canvas: #f7f8fc;
	--tmo-ui-surface: #ffffff;
	--tmo-ui-surface-subtle: #f1f3f8;
	--tmo-ui-surface-raised: #ffffff;

	--tmo-ui-text: #111318;
	--tmo-ui-text-secondary: #475569;
	--tmo-ui-text-muted: #647084;
	--tmo-ui-text-inverse: #ffffff;

	--tmo-ui-link: #6544c4;
	--tmo-ui-link-hover: #49308f;
	--tmo-ui-border: #d8dee8;
	--tmo-ui-border-strong: #8b95a7;

	--tmo-ui-focus: #7a58dd;
	--tmo-ui-focus-ring: rgba(122, 88, 221, 0.24);
	--tmo-ui-disabled-surface: #e3e7ee;
	--tmo-ui-disabled-text: #697386;

	--tmo-ui-success-solid: #187a4d;
	--tmo-ui-success-surface: #eaf8f0;
	--tmo-ui-success-text: #145c3e;
	--tmo-ui-success-border: #75c69b;

	--tmo-ui-warning-solid: #8a4b08;
	--tmo-ui-warning-surface: #fff6db;
	--tmo-ui-warning-text: #7a3e00;
	--tmo-ui-warning-border: #dfb758;

	--tmo-ui-error-solid: #b42318;
	--tmo-ui-error-hover: #9f1d14;
	--tmo-ui-error-active: #7a271a;
	--tmo-ui-error-surface: #fff0ee;
	--tmo-ui-error-text: #9f1d14;
	--tmo-ui-error-border: #e38b83;
	--tmo-ui-error-ring: rgba(180, 35, 24, 0.2);

	--tmo-ui-info-solid: #175cd3;
	--tmo-ui-info-surface: #eef5ff;
	--tmo-ui-info-text: #1849a9;
	--tmo-ui-info-border: #8eb4ee;

	--tmo-ui-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
	--tmo-ui-shadow-sm: 0 4px 12px rgba(16, 24, 40, 0.08);
	--tmo-ui-shadow-md: 0 12px 30px rgba(16, 24, 40, 0.1);
	--tmo-ui-shadow-modal: 0 24px 64px rgba(16, 24, 40, 0.18);
}