/* Shared design token placeholder values. */

:root {
	--twb2b-color-text: #1f2933;
	--twb2b-color-surface: #ffffff;
	--twb2b-color-accent: #0f5f8c;
	--twb2b-color-accent-strong: #0a4667;
	--twb2b-color-muted: #5b6878;
	--twb2b-color-border: #d7dee6;
	--twb2b-color-background: #f4f6f8;
	--twb2b-color-surface-alt: #eef3f6;
	--twb2b-shadow-md: 0 18px 48px rgba(17, 30, 49, 0.12);
	--twb2b-container: 77.5rem;
	--twb2b-space-md: 1rem;
	--twb2b-radius-sm: 0.25rem;
	--tw-text: var(--twb2b-color-text);
	--tw-muted: var(--twb2b-color-muted);
	--tw-border: var(--twb2b-color-border);
	--tw-accent: var(--twb2b-color-accent);
	--tw-accent-strong: var(--twb2b-color-accent-strong);
	--tw-bg: var(--twb2b-color-background);
	--tw-surface: var(--twb2b-color-surface);
	--tw-surface-alt: var(--twb2b-color-surface-alt);
	--tw-shadow: var(--twb2b-shadow-md);
	--tw-container: var(--twb2b-container);
}