/**
 * DevCrabs design tokens — sourced from New Design reference.
 */
:root {
	--dc-radius: 0.875rem;

	/* Surfaces & text */
	--dc-background: oklch(99.5% 0.003 220);
	--dc-foreground: oklch(18% 0.04 250);
	--dc-ink: oklch(18% 0.04 250);
	--dc-ink-soft: oklch(38% 0.03 250);
	--dc-surface: oklch(100% 0 0);
	--dc-surface-muted: oklch(97.5% 0.012 220);

	/* Brand */
	--dc-brand: oklch(74% 0.16 225);
	--dc-brand-soft: oklch(92% 0.07 225);
	--dc-brand-deep: oklch(45% 0.12 240);

	/* Borders */
	--dc-border: oklch(92% 0.012 230);
	--dc-border-strong: oklch(86% 0.018 230);

	/* Accents */
	--dc-emerald-400: oklch(76.5% 0.177 163.223);
	--dc-rose-50: oklch(96.9% 0.015 12.422);
	--dc-rose-200: oklch(89.2% 0.058 10.001);
	--dc-rose-600: oklch(58.6% 0.253 17.585);

	/* Typography */
	--dc-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
	--dc-font-display: "Space Grotesk", "Inter", ui-sans-serif, sans-serif;

	/* Layout */
	--dc-container-max: 80rem;
	--dc-container-pad: 1.25rem;
	--dc-section-y: 5rem;
	--dc-section-y-md: 7rem;

	/* Shadows */
	--dc-shadow-soft: 0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a14;
	--dc-shadow-card: 0 1px 2px #0f172a0a, 0 18px 40px -20px #0891b22e;

	/* Gradients */
	--dc-gradient-brand: linear-gradient(135deg, oklch(78% 0.16 220) 0%, oklch(60% 0.16 245) 100%);
	--dc-gradient-text: linear-gradient(to right, oklch(0.7 0.16 220), oklch(0.5 0.18 260));
	--dc-gradient-icon: linear-gradient(to bottom right, oklch(0.93 0.07 220), oklch(0.85 0.13 220));
	--dc-gradient-icon-strong: linear-gradient(to bottom right, oklch(0.85 0.13 220), oklch(0.55 0.16 245));
	--dc-gradient-eyebrow: linear-gradient(oklch(97% 0.04 225), oklch(94% 0.05 225));
	--dc-gradient-cta-panel: linear-gradient(to bottom right, #fff, #fff, oklch(0.96 0.05 220));
	--dc-gradient-card-highlight: linear-gradient(to bottom right, #fff, oklch(0.98 0.04 220));

	/* Motion */
	--dc-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
	:root {
		--dc-section-y: 7rem;
	}
}