/*
 * VibeSequence design tokens
 * Captured from the live Elementor-built site on 2026-08-21 so the
 * hand-coded rebuild matches existing branding exactly. Do not guess
 * new colors/fonts here - update this file only if the brand itself changes.
 */

:root {
	/* Brand gradient - used on primary CTA buttons (pill-shaped, 135deg coral -> lavender) */
	--vs-gradient-primary: linear-gradient(135deg, #ff7f7f, #c39bff);
	--vs-color-coral: #ff7f7f;
	--vs-color-lavender: #c39bff;

	/* Card tint - subtle coral wash behind content cards (e.g. "Why vibesequence?") */
	--vs-card-tint: rgba(255, 127, 127, 0.075);

	/* Text colors */
	--vs-text-heading: #111827;   /* h1 */
	--vs-text-subheading: #1e293b; /* h2, taglines */
	--vs-text-body: #334155;
	--vs-text-muted: #777777;
	--vs-text-nav: #111111;

	/* Type */
	--vs-font-family: "Poppins", sans-serif;
	--vs-nav-font-weight: 800;

	/* Shape */
	--vs-radius-pill: 9999px;
}