/* Skin: rocket — Rocket Benefits default visual identity (Poppins, dark red CTA). */

/* Poppins files already hosted in uploads on every environment. */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("/wp-content/uploads/fonts/Poppins-Regular.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url("/wp-content/uploads/fonts/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("/wp-content/uploads/fonts/Poppins-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("/wp-content/uploads/fonts/Poppins-Bold.ttf") format("truetype"); }

.skin-rocket {
	--font-body: "Poppins", system-ui, sans-serif;
	--font-heading: var(--font-body);

	--color-primary: #501616;
	--color-primary-rgb: 80, 22, 22;
	--color-primary-hover: #6b1f1f;
	--color-text: #202020;
	--color-heading: #202020;
	--color-muted: #707070;
	--color-border: #d5d9de;
	--color-surface: #fff;
	--color-background: #1d1f24;
	--color-on-hero: #fff;
	--color-accent: #c8102e;
	--color-star: #f5a623;

	--text-xsmall: 12px;
	--text-small: 13px;
	--text-base: 18px;
	--text-lead: 16px;
	--text-tagline: clamp(1.05rem, .95rem + .5vw, 1.2rem);
	--text-title: clamp(1.4rem, 1.1rem + 1.2vw, 1.6rem);

	--container: 1170px;
	--narrow: 600px;
	--gutter: 16px;
	--spacing-section: clamp(30px, 6vw, 50px);
	--card-padding: clamp(20px, 4vw, 30px) clamp(15px, 4vw, 30px);
	--radius-card: 15px;
	--radius-control: 8px;
	--radius-button: 8px;
	--control-height: 50px;
	--shadow-card: 0 10px 40px rgba(0, 0, 0, .25);
	--hero-overlay: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .45));
}