/**
 * EULAI Global Design Tokens
 *
 * Shared design constants used across the front end.
 * Only promote values here after they have a clear global role.
 */

:root {
	/* Brand */
	--eulai-color-brand: #ed6d12;
	--eulai-color-brand-hover-dark: #c94b18;

	/* Neutral surfaces */
	--eulai-color-canvas: #f5f6f7;
	--eulai-color-surface: #ffffff;
	--eulai-color-surface-subtle: #eceff1;
	--eulai-color-surface-dark: #171a1e;
	--eulai-color-surface-dark-soft: #3a3e43;

	/* Technology surfaces */
	--eulai-color-surface-tech: #16212b;

	/* Text */
	--eulai-color-text: #17191c;
	--eulai-color-text-secondary: #62676d;
	--eulai-color-text-muted: #3f4348;
	--eulai-color-text-inverse: #ffffff;
	--eulai-color-text-inverse-muted: #e6e7e9;

	/* Borders */
	--eulai-color-border: #dfe3e6;

	/* Layout */
	--eulai-container-max: 1320px;
	--eulai-page-gutter: clamp(1.25rem, 3vw, 3rem);
	
	/* Typography scale */
	--eulai-font-size-body: 1rem;
	--eulai-font-size-small: 0.875rem;
	--eulai-font-size-label: 0.8125rem;

	--eulai-font-size-heading-xl: clamp(2.75rem, 4vw, 4rem);
	--eulai-font-size-heading-lg: clamp(2.25rem, 3vw, 3rem);
	--eulai-font-size-heading-md: clamp(1.75rem, 2.5vw, 2.25rem);

	/* Shared control sizing */
	--eulai-control-height-md: 3rem;
	--eulai-control-radius: 2px;

}