/**
 * Dar Studio — shared design tokens.
 * LP01 clinical / neuroscience palette.
 */

:root {
	--ds-container-max: 1200px;
	--ds-space-section-x: clamp(1rem, 3vw, 1.5rem);
	--ds-space-stack-sm: 0.75rem;
	--ds-space-stack-md: 1.25rem;
	--ds-space-stack-lg: 2rem;
	--ds-space-stack-xl: 2.75rem;

	--ds-color-bg-deep: #050914;
	--ds-color-bg-base: #070b16;
	--ds-color-text-primary: #f1f5f9;
	--ds-color-text-muted: #8b9cb3;
	--ds-color-text-subtle: #6b7d96;
	--ds-color-teal: #14b8a6;
	--ds-color-teal-light: #2dd4bf;
	--ds-color-teal-glow: #5eead4;
	--ds-color-badge-text: #5eead4;
	--ds-color-cta-bg: #14b8a6;
	--ds-color-cta-text: #030712;
	--ds-color-form-button-text: var(--ds-color-cta-text);
	--ds-color-accent-gradient-start: #2dd4bf;
	--ds-color-accent-gradient-end: #34d399;
	--ds-color-card-bg: #0b1224;
	--ds-color-card-border: rgba(45, 212, 191, 0.18);
	--ds-color-accent-green: #19d39a;
	--ds-color-text-bright: #f8fafc;

	--ds-space-section-y: clamp(4rem, 7vw, 6rem);
	--ds-gap-columns: 4rem;
	--ds-gap-grid: 1.875rem;
	--ds-radius-card: 28px;
	--ds-radius-feature-card: 22px;
	--ds-color-card-border-muted: rgba(90, 120, 160, 0.18);
	--ds-radius-button: 999px;
	--ds-radius-badge: 999px;

	--ds-font-serif: var(--e-global-typography-secondary-font-family, "DM Serif Display"), Georgia, "Times New Roman", serif;
	--ds-font-text: var(--e-global-typography-text-font-family, "Manrope"), system-ui, sans-serif;
	--ds-font-ui: var(--e-global-typography-accent-font-family, "Manrope"), system-ui, sans-serif;
	--ds-weight-primary: var(--e-global-typography-primary-font-weight, 600);

	--ds-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ds-duration-fast: 0.35s;
	--ds-duration-enter: 0.7s;
}