/* =========================================================================
   00-variables.css
   Design tokens for the whole plugin front-end. Edit colors, fonts, and
   corner radius here and every other file (buttons, cards, forms, etc.)
   updates automatically.
   ========================================================================= */

:root {
	--iskt-cream: #FBF9F4;
	--iskt-ivory: #F4EFE4;
	--iskt-white: #FFFFFF;
	--iskt-ink: #2B2A25;
	--iskt-ink-soft: #756F62;
	--iskt-line: rgba(43, 42, 37, 0.12);

	--iskt-gold: #C6A25E;
	--iskt-gold-deep: #9C7B3E;
	--iskt-gold-pale: #EFE3C4;

	--iskt-sage: #77836A;
	--iskt-clay: #AD7657;

	--iskt-dark: #24201A;
	--iskt-dark-2: #2E2820;

	--iskt-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
	--iskt-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--iskt-radius: 14px;
	--iskt-radius-sm: 8px;
}

/* Box-sizing + basic isolation for anything the plugin renders. */
.iskt-services-grid,
.iskt-grid,
.iskt-single,
.iskt-booking-form-wrap,
.iskt-section {
	font-family: var(--iskt-sans, 'Manrope', sans-serif);
	color: var(--iskt-ink, #2B2A25);
	box-sizing: border-box;
}
.iskt-services-grid *,
.iskt-grid *,
.iskt-single *,
.iskt-booking-form-wrap *,
.iskt-section * { box-sizing: border-box; }

/* Signature detail: a small gold diamond bullet before eyebrow labels. */
.iskt-eyebrow,
.iskt-card-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-family: var(--iskt-sans, 'Manrope', sans-serif);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--iskt-gold-deep, #9C7B3E);
	margin: 0 0 10px;
}
.iskt-eyebrow::before,
.iskt-card-eyebrow::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background: var(--iskt-gold, #C6A25E);
	transform: rotate(45deg);
	flex-shrink: 0;
}

.iskt-rule {
	width: 44px;
	height: 1px;
	background: var(--iskt-gold, #C6A25E);
	border: none;
	margin: 16px 0 20px;
}