/**
 * ERPSAP design tokens.
 *
 * @package ERPSAP_Theme
 */

:root {
	/* Brand colours. */
	--erpsap-color-primary: #0866f5;
	--erpsap-color-primary-hover: #0758d4;
	--erpsap-color-primary-active: #064bb5;
	--erpsap-color-navy: #071a3d;

	/* Text colours. */
	--erpsap-color-text: #24324a;
	--erpsap-color-heading: #071a3d;
	--erpsap-color-muted: #667085;
	--erpsap-color-link: #0866f5;

	/* Surface colours. */
	--erpsap-color-white: #ffffff;
	--erpsap-color-background: #ffffff;
	--erpsap-color-surface: #f6f9fe;
	--erpsap-color-border: #dce4f0;

	/* Status colours. */
	--erpsap-color-success: #137a44;
	--erpsap-color-warning: #a65f00;
	--erpsap-color-error: #b42318;

	/* Typography. */
	--erpsap-font-sans:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	--erpsap-font-mono:
		"SFMono-Regular",
		Consolas,
		"Liberation Mono",
		Menlo,
		monospace;

	--erpsap-font-size-xs: 0.75rem;
	--erpsap-font-size-sm: 0.875rem;
	--erpsap-font-size-base: 1rem;
	--erpsap-font-size-md: 1.125rem;
	--erpsap-font-size-lg: 1.25rem;
	--erpsap-font-size-xl: 1.5rem;
	--erpsap-font-size-2xl: 2rem;
	--erpsap-font-size-3xl: 2.5rem;

	--erpsap-line-height-tight: 1.2;
	--erpsap-line-height-heading: 1.3;
	--erpsap-line-height-body: 1.7;

	/* Spacing. */
	--erpsap-space-1: 0.25rem;
	--erpsap-space-2: 0.5rem;
	--erpsap-space-3: 0.75rem;
	--erpsap-space-4: 1rem;
	--erpsap-space-5: 1.5rem;
	--erpsap-space-6: 2rem;
	--erpsap-space-7: 3rem;
	--erpsap-space-8: 4rem;

	/* Layout. */
	--erpsap-container-width: 75rem;
	--erpsap-content-width: 50rem;
	--erpsap-container-padding: 1.25rem;

	/* Borders and elevation. */
	--erpsap-radius-sm: 0.375rem;
	--erpsap-radius-md: 0.625rem;
	--erpsap-radius-lg: 1rem;
	--erpsap-border-width: 1px;

	--erpsap-shadow-sm:
		0 1px 2px rgb(7 26 61 / 6%);

	--erpsap-shadow-md:
		0 8px 24px rgb(7 26 61 / 10%);

	/* Motion. */
	--erpsap-transition-fast: 150ms ease;
	--erpsap-transition-normal: 250ms ease;
}