/* ============================================================
   Style: Vibrant — Bold gradient, oversized type, energetic
   Premium SaaS look. Full-bleed gradient hero, oversized
   display type, vibrant accents, rounded everything.
   ============================================================ */

.mscp-style-vibrant {
	/* Bright energetic surface */
	--mscp-bg-primary:      #ffffff;
	--mscp-bg-secondary:    #fdf4ff;
	--mscp-bg-card:         #ffffff;
	--mscp-bg-hero:         linear-gradient(135deg, #6366f1 0%, #ec4899 50%, #f59e0b 100%);

	--mscp-text-primary:    #0f0a1f;
	--mscp-text-secondary:  #4b4068;
	--mscp-text-muted:      #8b82a8;

	/* Saturated violet-pink-orange palette */
	--mscp-accent:          #ec4899;
	--mscp-accent-hover:    #db2777;
	--mscp-accent-subtle:   rgba(236, 72, 153, 0.12);
	--mscp-accent-2:        #6366f1;
	--mscp-accent-3:        #f59e0b;

	--mscp-border:          #f0e7f5;
	--mscp-border-strong:   #d8c5e8;

	/* Maximum rounding for friendly feel */
	--mscp-radius-sm:       12px;
	--mscp-radius-md:       20px;
	--mscp-radius-lg:       28px;
	--mscp-radius-xl:       40px;

	/* Modern rounded sans + tight display */
	--mscp-font-serif:      "Fraunces", "Playfair Display", Georgia, serif;
	--mscp-font-sans:       "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Gradient text for hero names */
.mscp-style-vibrant .mscp-name,
.mscp-style-vibrant .mscp-editorial-name,
.mscp-style-vibrant .mscp-minimal-name,
.mscp-style-vibrant .mscp-exec-name,
.mscp-style-vibrant .mscp-hero-text h1,
.mscp-style-vibrant .mscp-proj-name,
.mscp-style-vibrant .mscp-timeline-name,
.mscp-style-vibrant .mscp-sidebar-name,
.mscp-style-vibrant .mscp-visual-name {
	background: linear-gradient(135deg, #6366f1 0%, #ec4899 60%, #f59e0b 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: 800;
	letter-spacing: -0.03em;
}

/* Big oversized hero typography */
.mscp-style-vibrant .mscp-hero-text h1,
.mscp-style-vibrant .mscp-name,
.mscp-style-vibrant .mscp-editorial-name,
.mscp-style-vibrant .mscp-exec-name,
.mscp-style-vibrant .mscp-proj-name {
	font-size: clamp(2.5rem, 6vw, 5rem);
	line-height: 1.05;
}

/* Pill-shaped buttons everywhere */
.mscp-style-vibrant .mscp-cta,
.mscp-style-vibrant .mscp-contact-link,
.mscp-style-vibrant a.mscp-link-arrow,
.mscp-style-vibrant .mscp-editorial-project a {
	border-radius: var(--mscp-radius-full, 9999px);
	padding: 0.75em 1.5em;
	background: linear-gradient(135deg, #6366f1, #ec4899);
	color: white !important;
	font-weight: 600;
	border: none;
	transition: transform 200ms ease, box-shadow 200ms ease;
}
.mscp-style-vibrant .mscp-cta:hover,
.mscp-style-vibrant a.mscp-link-arrow:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -8px rgba(236, 72, 153, 0.5);
}

/* Cards float with soft coloured shadows */
.mscp-style-vibrant .mscp-project-card,
.mscp-style-vibrant .mscp-experience-item,
.mscp-style-vibrant .mscp-skill-pill,
.mscp-style-vibrant .mscp-editorial-entry,
.mscp-style-vibrant .mscp-proj-card,
.mscp-style-vibrant .mscp-visual-card,
.mscp-style-vibrant .mscp-sidebar-section {
	box-shadow:
		0 1px 2px rgba(99, 102, 241, 0.04),
		0 8px 24px -8px rgba(236, 72, 153, 0.12);
	border: 1px solid var(--mscp-border);
	transition: transform 200ms ease, box-shadow 200ms ease;
}
.mscp-style-vibrant .mscp-project-card:hover,
.mscp-style-vibrant .mscp-proj-card:hover {
	transform: translateY(-4px);
	box-shadow:
		0 1px 2px rgba(99, 102, 241, 0.06),
		0 16px 32px -8px rgba(236, 72, 153, 0.2);
}

/* Skill pills — coloured gradient chips */
.mscp-style-vibrant .mscp-skill-pill,
.mscp-style-vibrant .mscp-tech-badge {
	background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(236,72,153,0.1));
	color: var(--mscp-text-primary);
	border: 1px solid rgba(236,72,153,0.25);
	border-radius: var(--mscp-radius-full, 9999px);
	padding: 0.4em 1em;
	font-weight: 500;
}

/* Hero background — vibrant gradient with subtle pattern */
.mscp-style-vibrant .mscp-hero,
.mscp-style-vibrant .mscp-editorial-hero,
.mscp-style-vibrant .mscp-exec-header,
.mscp-style-vibrant .mscp-proj-header,
.mscp-style-vibrant .mscp-timeline-header,
.mscp-style-vibrant .mscp-minimal-header,
.mscp-style-vibrant .mscp-visual-hero {
	background:
		radial-gradient(ellipse at top left, rgba(99,102,241,0.18), transparent 50%),
		radial-gradient(ellipse at bottom right, rgba(236,72,153,0.18), transparent 50%),
		linear-gradient(135deg, #fdf4ff 0%, #fef3c7 100%);
	color: var(--mscp-text-primary);
}

/* Dark hero text contrast — bright gradient stays on accent text only */
.mscp-style-vibrant .mscp-hero-text,
.mscp-style-vibrant .mscp-editorial-intro,
.mscp-style-vibrant .mscp-exec-identity,
.mscp-style-vibrant .mscp-proj-identity {
	color: var(--mscp-text-primary);
}
.mscp-style-vibrant .mscp-hero .mscp-title,
.mscp-style-vibrant .mscp-hero .mscp-headline,
.mscp-style-vibrant .mscp-editorial-kicker,
.mscp-style-vibrant .mscp-exec-kicker,
.mscp-style-vibrant .mscp-proj-tagline {
	color: var(--mscp-text-secondary);
}