/**
 * AssetZA brand design tokens
 * Source: docs/002 Global Design Principles + Creative Guidelines
 */
:root {
	--assetza-color-primary: #1e3a5f;
	--assetza-color-accent: #e8a020;
	--assetza-color-ink: #1f2328;
	--assetza-color-surface: #ffffff;
	--assetza-color-surface-alt: #f6f8fa;
	--assetza-color-border: #d0d7de;

	--assetza-font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--assetza-font-data: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Doc 002 type scale — H1 44–56 / H2 32–40 / H3 24–28 / H4 20 / Body 16–18 / Small 13–14 */
	--assetza-font-size-h1: clamp(2.75rem, 4vw + 0.5rem, 3.5rem);
	--assetza-font-size-h2: clamp(2rem, 2vw + 0.75rem, 2.5rem);
	--assetza-font-size-h3: clamp(1.5rem, 1vw + 0.75rem, 1.75rem);
	--assetza-font-size-h4: 1.25rem;
	--assetza-font-size-body: 1.125rem;
	--assetza-font-size-body-sm: 1rem;
	--assetza-font-size-caption: 0.875rem;
	--assetza-font-size-ui: 1rem;
	--assetza-line-height-body: 1.6;
	--assetza-line-height-heading: 1.2;
	--assetza-line-height-heading-tight: 1.15;

	--assetza-space-1: 8px;
	--assetza-space-2: 16px;
	--assetza-space-3: 24px;
	--assetza-space-4: 32px;
	--assetza-space-5: 48px;
	--assetza-space-6: 64px;

	--assetza-radius-sm: 4px;
	--assetza-radius-md: 8px;
	--assetza-radius-lg: 12px;

	--assetza-shadow-sm: 0 1px 2px rgba(30, 58, 95, 0.06);
	--assetza-shadow-md: 0 8px 24px rgba(30, 58, 95, 0.12);
}