/* wp-content/themes/apexcx/assets/css/tokens.css */
/* Single source of truth for design tokens. Mirrored in theme.json. */

:root {
	/* Color */
	--apexcx-color-ink: #0A0D14;
	--apexcx-color-ink-soft: #3F4654;
	--apexcx-color-muted: #5A6070;
	--apexcx-color-primary: #283891;
	--apexcx-color-primary-dark: #0A1F9E;
	--apexcx-color-accent-blue: #6FC5F0;
	--apexcx-color-accent-cyan: #00B0F0;
	--apexcx-color-accent-green: #7ED957;
	--apexcx-color-danger: #A8382F;
	--apexcx-color-bg: #EEF0F3;
	--apexcx-color-bg-alt: #E4E7EC;
	--apexcx-color-surface: #ffffff;
	--apexcx-color-surface-muted: #EDEEF0;
	--apexcx-color-border: rgba(10,13,20,.14);
	--apexcx-color-border-soft: rgba(10,13,20,.08);
	--apexcx-color-navy: #0B1020;
	--apexcx-color-white: #ffffff;

	/* Typography */
	--apexcx-font-display: 'Archivo', sans-serif;
	--apexcx-font-narrow: 'Archivo Narrow', sans-serif;
	--apexcx-weight-display: 800;
	--apexcx-tracking-tight: -.02em;
	--apexcx-tracking-kick: .16em;

	/* Fluid type scale */
	--apexcx-text-hero: clamp(34px, 5.4vw, 84px);
	--apexcx-text-h2: clamp(28px, 4.2vw, 54px);
	--apexcx-text-h2-sm: clamp(26px, 3.6vw, 46px);
	--apexcx-text-h3: clamp(20px, 2.2vw, 27px);
	--apexcx-text-h4: clamp(20px, 2.1vw, 27px);
	--apexcx-text-stat: clamp(40px, 6.4vw, 58px);
	--apexcx-text-body-lg: 18px;
	--apexcx-text-body: 16px;
	--apexcx-text-small: 14.5px;
	--apexcx-text-kick: 14px;

	/* Spacing */
	--apexcx-space-2xs: 8px;
	--apexcx-space-xs: 12px;
	--apexcx-space-sm: 16px;
	--apexcx-space-md: 24px;
	--apexcx-space-lg: 36px;
	--apexcx-space-xl: 44px;
	--apexcx-space-2xl: 70px;
	--apexcx-space-section: 100px;
	--apexcx-container-max: 1446px;
	--apexcx-container-pad: 28px;

	/* Motion */
	--apexcx-ease-out: cubic-bezier(0.23,1,0.32,1);
	--apexcx-ease-in-out: cubic-bezier(0.77,0,0.175,1);
	--apexcx-duration-fast: .2s;
	--apexcx-duration-base: .3s;
	--apexcx-duration-slow: .8s;

	/* Buttons */
	--apexcx-btn-bg: var(--apexcx-color-primary);
	--apexcx-btn-bg-hover: var(--apexcx-color-ink);
	--apexcx-btn-color: var(--apexcx-color-white);
	--apexcx-btn-radius: 0;
}