/* ==========================================================================
   Vercotech design tokens
   Every other vercotech-* plugin should reference these vars, never
   hardcode hex values or font names directly.
   ========================================================================== */

:root {
	/* Color */
	--vc-ink: #141C2B;
	--vc-ink-soft: #5F5E5A;
	--vc-paper: #F6F5F1;
	--vc-signal: #E8A33D;
	--vc-signal-text: #412402;
	--vc-pipeline-teal: #2A7A72;
	--vc-pipeline-teal-bg: #E1F5EE;
	--vc-pipeline-teal-text: #085041;
	--vc-alert-coral: #D65F5F;
	--vc-alert-coral-bg: #FCEBEB;
	--vc-alert-coral-text: #791F1F;
	--vc-line: #DCD8CE;
	--vc-white: #FFFFFF;

	/* Type */
	--vc-font-display: 'Fraunces', Georgia, serif;
	--vc-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--vc-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

	--vc-text-xs: 0.8125rem;   /* 13px */
	--vc-text-sm: 0.875rem;    /* 14px */
	--vc-text-base: 1rem;      /* 16px */
	--vc-text-lg: 1.25rem;     /* 20px */
	--vc-text-xl: 1.75rem;     /* 28px */
	--vc-text-2xl: 2.5rem;     /* 40px */

	/* Spacing */
	--vc-space-xs: 0.5rem;
	--vc-space-sm: 0.75rem;
	--vc-space-md: 1.25rem;
	--vc-space-lg: 2rem;
	--vc-space-xl: 3rem;

	/* Radius */
	--vc-radius: 6px;
	--vc-radius-card: 12px;

	/* Layout */
	--vc-container-width: 1140px;
	--vc-header-height: 72px;
}

/* Base resets scoped to content Astra doesn't already own */
body {
	font-family: var(--vc-font-body);
	color: var(--vc-ink);
	background: var(--vc-paper);
}

h1, h2, h3, .vc-display {
	font-family: var(--vc-font-display);
	font-weight: 500;
	line-height: 1.15;
	color: var(--vc-ink);
}

code, .vc-mono {
	font-family: var(--vc-font-mono);
}