.gma-scd-app {
	/* Semantic colors: text-safe tones. */
	--gma-scd-color-primary: #2f66ef;
	--gma-scd-color-primary-hover: #2253d4;
	--gma-scd-color-secondary: #7357d9;
	--gma-scd-color-success: #15835b;
	--gma-scd-color-warning: #a96308;
	--gma-scd-color-danger: #c93545;
	--gma-scd-color-info: #176aa5;
	--gma-scd-color-primary-strong: #2253d4;
	--gma-scd-color-warning-strong: #8a5006;
	--gma-scd-color-save: var(--gma-scd-color-success);
	--gma-scd-color-edit: var(--gma-scd-color-info);
	--gma-scd-color-delete: var(--gma-scd-color-danger);

	/* Vivid accents: icon tiles and decorative fills only, never body text. */
	--gma-scd-accent-primary: #2f6fed;
	--gma-scd-accent-success: #22b573;
	--gma-scd-accent-warning: #f5a524;
	--gma-scd-accent-danger: #f04452;
	--gma-scd-on-accent: #ffffff;

	/* Surfaces and text. */
	--gma-scd-bg: #dddddd;
	--gma-scd-surface: #ffffff;
	--gma-scd-surface-secondary: #eef1f7;
	--gma-scd-surface-muted: #f7f9fc;
	--gma-scd-text: #172033;
	--gma-scd-text-muted: #636d82;
	--gma-scd-border: #dce1eb;
	--gma-scd-border-subtle: #e9edf4;
	--gma-scd-focus: #0d6efd;

	/* Typography. */
	--gma-scd-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
	--gma-scd-font-size-xs: 12px;
	--gma-scd-font-size-sm: 13px;
	--gma-scd-font-size-base: 14px;
	--gma-scd-font-size-md: 15px;
	--gma-scd-font-size-lg: 17px;
	--gma-scd-font-size-xl: 26px;
	--gma-scd-font-size-kpi: 30px;

	/* Shape, depth and motion. */
	--gma-scd-radius-sm: 8px;
	--gma-scd-radius-md: 12px;
	--gma-scd-radius-lg: 16px;
	--gma-scd-radius-xl: 22px;
	--gma-scd-radius-full: 999px;
	--gma-scd-shadow-xs: 0 1px 2px rgb(23 32 51 / 5%);
	--gma-scd-shadow-sm: 0 2px 10px rgb(23 32 51 / 6%);
	--gma-scd-shadow-md: 0 12px 32px rgb(23 32 51 / 9%);
	--gma-scd-transition: 180ms ease;

	/* Spacing scale. */
	--gma-scd-spacing-1: 4px;
	--gma-scd-spacing-2: 8px;
	--gma-scd-spacing-3: 12px;
	--gma-scd-spacing-4: 16px;
	--gma-scd-spacing-5: 20px;
	--gma-scd-spacing-6: 24px;
	--gma-scd-spacing-8: 32px;
	--gma-scd-spacing-10: 40px;

	/* Layout metrics. */
	--gma-scd-control-height: 40px;
	--gma-scd-touch-target: 44px;
	--gma-scd-icon-size: 18px;
	--gma-scd-page-gutter: 28px;
}