/**
 * Çağlayanlar DC global design tokens — v0.2.0.
 * This file is the single source of truth for the visual system.
 */

:root {
	/* Brand color. */
	--cdc-primary: #1557b7;
	--cdc-primary-hover: #0f4697;
	--cdc-primary-soft: #eaf2fc;
	--cdc-navy: #142033;
	--cdc-text: #17202a;
	--cdc-muted: #657180;
	--cdc-steel: #84909c;
	--cdc-steel-light: #dde4ea;
	--cdc-bg: #f5f7f9;
	--cdc-bg-alt: #eef2f5;
	--cdc-white: #ffffff;
	--cdc-border: #dce2e7;
	--cdc-footer-bg: #111b28;
	--cdc-footer-muted: #aeb8c4;
	--cdc-focus: #7db1fa;

	/* Compatibility aliases from v0.1.0. */
	--cdc-color-primary: var(--cdc-primary);
	--cdc-color-dark: var(--cdc-navy);
	--cdc-color-steel: var(--cdc-steel);
	--cdc-color-light-steel: var(--cdc-steel-light);
	--cdc-color-background: var(--cdc-bg);
	--cdc-color-white: var(--cdc-white);
	--cdc-color-text: var(--cdc-text);
	--cdc-dark: var(--cdc-navy);

	/* Responsive container. */
	--cdc-container: 1440px;
	--cdc-container-wide: 1680px;
	--cdc-gutter: clamp(1.25rem, 4vw, 4rem);

	/* Spacing scale. */
	--cdc-space-xs: 0.5rem;
	--cdc-space-sm: 0.75rem;
	--cdc-space-md: 1rem;
	--cdc-space-lg: 1.5rem;
	--cdc-space-xl: 2.25rem;
	--cdc-space-2xl: clamp(3rem, 6vw, 5.5rem);
	--cdc-space-3xl: clamp(4.5rem, 9vw, 8rem);

	/* Numeric aliases retained for existing components. */
	--cdc-space-1: 0.25rem;
	--cdc-space-2: var(--cdc-space-xs);
	--cdc-space-3: var(--cdc-space-sm);
	--cdc-space-4: var(--cdc-space-md);
	--cdc-space-5: var(--cdc-space-lg);
	--cdc-space-6: var(--cdc-space-xl);
	--cdc-space-7: var(--cdc-space-2xl);
	--cdc-space-8: var(--cdc-space-3xl);

	/* Shape and depth. Industrial surfaces remain restrained. */
	--cdc-radius-sm: 0.125rem;
	--cdc-radius-md: 0.25rem;
	--cdc-radius-lg: 0.5rem;
	--cdc-shadow-sm: 0 0.25rem 1rem rgb(20 32 51 / 7%);
	--cdc-shadow-md: 0 1rem 3rem rgb(20 32 51 / 12%);

	/* Typography. */
	--cdc-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	--cdc-font-family-heading: var(--cdc-font-family-base);
	--cdc-font-size-xs: 0.75rem;
	--cdc-font-size-sm: 0.875rem;
	--cdc-font-size-base: clamp(1rem, 0.96rem + 0.15vw, 1.0625rem);
	--cdc-font-size-lg: clamp(1.125rem, 1.03rem + 0.3vw, 1.25rem);
	--cdc-font-size-h3: clamp(1.4rem, 1.15rem + 0.8vw, 2rem);
	--cdc-font-size-h2: clamp(2rem, 1.45rem + 1.75vw, 3.25rem);
	--cdc-font-size-h1: clamp(2.75rem, 1.75rem + 3.4vw, 5.5rem);
	--cdc-line-height-base: 1.68;
	--cdc-line-height-heading: 1.05;
	--cdc-letter-heading: -0.035em;

	/* Header and motion. */
	--cdc-header-height: 5rem;
	--cdc-transition-fast: 120ms ease;
	--cdc-transition-base: 200ms ease;
	--cdc-transition-slow: 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 1024px) {
	:root {
		--cdc-gutter: clamp(1.5rem, 4vw, 2rem);
	}
}

@media (max-width: 600px) {
	:root {
		--cdc-gutter: clamp(1.125rem, 5vw, 1.25rem);
		--cdc-header-height: 4.5rem;
	}
}