/*
Skin Name: Garden Kitchen
Skin Slug: garden-kitchen
Version: 1.0.0
Author: Paul James Digital
Description: Marigold skin for The Garden Kitchen events UI. Typography is owned by the theme; this skin only sets colour, radii, shadows and the bespoke-atom sizing tokens.
*/

/*
 * v1.6.6 A9: NO font-family here - the theme loads and owns the type families
 * (Poppins). This skin declares explicit colour tokens (no color-mix), the two live
 * category colour pairs, a neutral fallback for unmapped / legacy terms, and the TGK
 * block model (tint fill + dark text + 3px primary left-border).
 */

.pjc {
	/* surfaces */
	--pjc-surface-page: #FFFFFF;
	--pjc-surface-alt: #FAF8F4;
	--pjc-surface-soft: #F3EFE7;
	--pjc-surface-card: #FFFFFF;

	/* ink */
	--pjc-ink-heading: #333333;
	--pjc-ink-body: #6A6A6A;
	--pjc-ink-muted: #8A8A8A;
	--pjc-ink-faint: #A99A7F;
	--pjc-ink-on-accent: #241C08;
	--pjc-ink-on-cat: #FFFFFF;

	/* accent / brand / link */
	--pjc-accent: #D89A2C;
	--pjc-accent-hover: #E0A63D;
	--pjc-brand: #242423;
	--pjc-link: #B0761A;
	--pjc-link-hover: #8A5C12;

	/* borders */
	--pjc-border: #ECE9E3;
	--pjc-border-hairline: #EFE9DF;
	--pjc-border-card-hover: #DCD6CA;

	/* radii */
	--pjc-radius-card: 16px;
	--pjc-radius-featured: 20px;
	--pjc-radius-rail: 18px;
	--pjc-radius-band: 14px;
	--pjc-radius-pill: 999px;
	--pjc-radius-tag: 999px;
	--pjc-radius-btn: 8px;
	--pjc-radius-badge: 11px;
	--pjc-radius-cell: 8px;
	--pjc-radius-block: 3px;

	/* shadows */
	--pjc-shadow-card-hover: 0 8px 26px rgba(60, 50, 30, 0.07);
	--pjc-shadow-featured: 0 10px 34px rgba(60, 50, 30, 0.06);
	--pjc-shadow-rail: 0 10px 30px rgba(60, 50, 30, 0.06);
	--pjc-shadow-badge: 0 3px 10px rgba(0, 0, 0, 0.15);

	/* type sizing (NO font-family - theme owns the families) */
	--pjc-fs-hero: 54px;
	--pjc-fs-h2: 28px;
	--pjc-fs-featured-title: 30px;
	--pjc-fs-card-title: 19px;
	--pjc-fs-eyebrow: 12px;
	--pjc-fs-body: 16px;
	--pjc-fs-meta: 12.5px;
	--pjc-fs-tag: 10.5px;
	--pjc-fs-button: 14px;
	--pjc-fw-heading: 700;
	--pjc-fw-body: 400;
	--pjc-fw-eyebrow: 600;
	--pjc-fw-tag: 700;
	--pjc-fw-button: 600;
	--pjc-ls-eyebrow: 0.20em;
	--pjc-ls-tag: 0.08em;
	--pjc-ls-button: 0.02em;
	--pjc-lh-heading: 1.05;
	--pjc-lh-body: 1.65;

	/* layout */
	--pjc-container-max: 1200px;
	--pjc-container-pad: 28px;
	--pjc-col-gap: 40px;
	--pjc-sidebar-w: 300px;
	--pjc-card-pad: 16px 22px;
	--pjc-space: 4px;

	/* fixed components */
	--pjc-onnow-bg: linear-gradient(90deg, #EEF4F8, #F7FAFC);
	--pjc-onnow-border: #D6E0E8;
	--pjc-onnow-accent: #3B6B8F;
	--pjc-today-bg: #FDF5E6;
	--pjc-today-ring: #D89A2C;
	--pjc-today-num-bg: #D89A2C;
	--pjc-today-num-ink: #241C08;
	--pjc-hero-overlay: none;

	/* category BLOCK MODEL default (TGK: tint fill + dark text + 3px primary left-border) */
	--pjc-cat-tag-text: var(--pjc-cat);
	--pjc-cat-block-bg: var(--pjc-cat-tag-bg);
	--pjc-cat-block-text: #3A3A3A;
	--pjc-block-border-w: 3px;

	/* NEUTRAL FALLBACK (unmapped / new + legacy museum-events, community-events) - DECLARE LAST */
	--pjc-cat: #7A6E5D;
	--pjc-cat-tag-bg: #EFEAE3;
	--pjc-cat-tag-text: #7A6E5D;
}

/* live TGK categories (only --pjc-cat + --pjc-cat-tag-bg; tag-text tracks primary) */
.pjc-cat--exhibition {
	--pjc-cat: #3B6B8F;
	--pjc-cat-tag-bg: #E8EEF3;
}

.pjc-cat--music-in-the-gardens {
	--pjc-cat: #7A5385;
	--pjc-cat-tag-bg: #F0E9F3;
}

.pjc-cat--family-craft {
	--pjc-cat: #C1502E;
	--pjc-cat-tag-bg: #F8EBE4;
}

.pjc-cat--community-seasonal {
	--pjc-cat: #4E7A44;
	--pjc-cat-tag-bg: #E9F1E5;
}

/* skin-only overrides */
.pjc .pjc-btn--primary:hover {
	filter: brightness(1.06);
}

.pjc .pjc-filter__pill.is-active {
	background: #333333;
	border-color: #3A3A3A;
	color: #FFFFFF;
}

.pjc .pjc-date-badge {
	background: rgba(255, 255, 255, 0.95);
	color: var(--pjc-cat);
	box-shadow: var(--pjc-shadow-badge);
}