/**
 * Bio3Dtech design tokens.
 * Single source for colors, radii, shadows and motion. Use var(--b3d-*) in components.
 */
:root {
	/* Brand */
	--b3d-cyan: #10deec;          /* The7 accent color */
	--b3d-cyan-600: #0aa9b4;      /* readable on white, buttons */
	--b3d-cyan-700: #078a93;      /* hover */
	--b3d-cyan-50: #e9fbfc;       /* tints, icon backgrounds */
	--b3d-pink: #f45be2;
	--b3d-logo-cyan: #00abd6;     /* exact cyan of the logo blades and tagline bar */
	--b3d-logo-cyan-50: #e8f6fa;
	--b3d-pink-alt: #f86794;      /* legacy pink buttons */
	--b3d-pink-50: #fdeefb;       /* pink tint (hover of chips, "copied" state) */
	--b3d-gradient: linear-gradient(135deg, #0aa9b4 0%, #10deec 100%);
	/* logo cyan → pink, for gradient text and underlines */
	--b3d-gradient-text: linear-gradient(90deg, var(--b3d-logo-cyan), var(--b3d-pink));
	/* cyan / pink brand strip (top or bottom edge of dark bands) */
	--b3d-strip: linear-gradient(115deg, var(--b3d-logo-cyan) 0 74%, var(--b3d-pink) 74% 100%);
	/* dark bands: CTA, page title, process / specs / cases rows */
	--b3d-dark-gradient: linear-gradient(160deg, #07121c 0%, #0b2233 55%, #0f3a4f 100%);

	/* Feedback */
	--b3d-danger: #c2185b;
	--b3d-danger-line: #d81b60;

	/* Logo blade slope (the two blades rise/fall at ~30.7deg) */
	--b3d-slope: 30.7deg;

	/* Neutrals */
	--b3d-ink: #111111;
	--b3d-text: #1d2327;
	--b3d-body: #3b4550;          /* body copy in content blocks */
	--b3d-muted: #5a6470;
	--b3d-subtle: #7a848d;
	--b3d-line: #e3e8eb;
	--b3d-surface: #ffffff;
	--b3d-surface-alt: #f5f8f9;

	/* Shape */
	--b3d-radius-sm: 8px;
	--b3d-radius: 12px;
	--b3d-radius-lg: 16px;
	--b3d-radius-xl: 20px;        /* images, video frames */
	--b3d-radius-2xl: 24px;       /* panels, form cards, CTA */

	/* Elevation */
	--b3d-shadow-sm: 0 4px 14px rgba(20, 40, 50, .07);
	--b3d-shadow: 0 12px 30px rgba(20, 40, 50, .10);
	--b3d-shadow-accent: 0 12px 30px rgba(16, 222, 236, .16);
	--b3d-shadow-card: 0 24px 60px rgba(20, 40, 50, .1);          /* form / newsletter cards */
	--b3d-shadow-btn: 0 10px 26px rgba(16, 222, 236, .3);         /* primary buttons */
	--b3d-shadow-btn-hover: 0 16px 34px rgba(16, 222, 236, .42);

	/* Layout */
	--b3d-section-y: clamp(56px, 6vw, 96px);  /* vertical padding of content sections */
	--b3d-lift: translateY(-4px);             /* hover lift of cards */

	/* Motion */
	--b3d-ease: cubic-bezier(.4, 0, .2, 1);
	--b3d-ease-out: cubic-bezier(.16, 1, .3, 1);
	--b3d-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
	--b3d-dur-fast: .2s;
	--b3d-dur: .45s;
	--b3d-dur-slow: .8s;
}