/* Shared group theme surfaces, geometry and responsive decoration placement. */
.dg11-group-theme {
	--group-page: #dff2f8;
	--group-wash-a: #bfe3f1;
	--group-wash-b: #bfe9e4;
	--group-main-top: #e6f7fb;
	--group-main-mid: #d8eef6;
	--group-main-bottom: #dcf4ef;
	--group-hero-border: #82c5d4;
	--group-pearl: #effcff;
	--group-hero-a: #bcebed;
	--group-hero-b: #acd9f0;
	--group-hero-c: #b4e7e0;
	--group-title: #164e63;
	--group-heading: #1c5267;
	--group-accent-a: #5db6ba;
	--group-accent-b: #85bedc;
	--group-accent-c: #c1e6e0;
	--group-card-border: #9ccfda;
	--group-surface: #f0f9fb;
	--group-card-a: #bde8f280;
	--group-card-b: #9ddbdc66;
	--group-activity-border: #86c5d5;
	--group-highlight: #e1f8fc80;
	--group-media-a: #bce5e1;
	--group-media-b: #c4e0f1;
	--group-text-border: #a8d5df;
	--group-text-a: #e3f5fb;
	--group-text-b: #d6f0ef;
	--group-control-border: #b8dbe2;
	--group-hover: #dcf0f3;
	--group-hero-art: url("underwater-shore.svg");
	--group-section-art: url("underwater-reef.svg");
	--group-side-art: radial-gradient(circle at 52% 12%, #f4feff 0 9px, #87cbdc 10px 11px, transparent 12px),
		radial-gradient(circle at 75% 15%, #e3f8fa 0 4px, #82c8d6 5px 6px, transparent 7px),
		radial-gradient(circle at 35% 18%, #f4feff 0 15px, #8dcddc 16px 17px, transparent 18px),
		radial-gradient(circle at 58% 37%, #f4feff 0 6px, #81c6d6 7px 8px, transparent 9px),
		radial-gradient(circle at 30% 40%, #e3f8fa 0 11px, #86cad7 12px 13px, transparent 14px),
		radial-gradient(circle at 70% 44%, #f4feff 0 3px, #81c6d6 4px 5px, transparent 6px),
		radial-gradient(circle at 40% 65%, #f4feff 0 13px, #88ccda 14px 15px, transparent 16px),
		radial-gradient(circle at 67% 68%, #e3f8fa 0 5px, #8ccfd9 6px 7px, transparent 8px),
		url("underwater-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("underwater-side.svg") center / 100% 100% no-repeat;
	background: var(--group-page);
}
.dg11-group-theme .dg11-groups-main {
	position: relative;
	background: radial-gradient(ellipse at 100% 25%, var(--group-wash-a), transparent 58%), radial-gradient(ellipse at 0 65%, var(--group-wash-b), transparent 60%), linear-gradient(180deg, var(--group-main-top), var(--group-main-mid) 45%, var(--group-main-bottom));
}
/* Frame the existing column using only the space in its outer gutters. */
.dg11-group-theme .dg11-groups-main::before,
.dg11-group-theme .dg11-groups-main::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: clamp(8px, calc((100vw - 100%) / 2 - 16px), 144px);
	overflow: hidden;
	pointer-events: none;
	filter: saturate(1.2);
	background: var(--group-side-art);
}
.dg11-group-theme .dg11-groups-main::before {
	right: calc(100% + 4px);
}
.dg11-group-theme .dg11-groups-main::after {
	left: calc(100% + 4px);
	transform: scaleX(-1);
}
/* Narrow screens keep slim wave ribbons in the existing margins. */
@media (max-width: 79.99rem) {
	.dg11-group-theme .dg11-groups-main::before,
	.dg11-group-theme .dg11-groups-main::after {
		background: var(--group-side-narrow);
	}
}
.dg11-group-theme .dg11-internal-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: 1.5rem;
	padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem) clamp(3rem, 6vw, 4.5rem);
	border: 1px solid var(--group-hero-border);
	border-radius: 1.5rem .6rem 1.5rem .6rem;
	background: radial-gradient(ellipse at 12% 10%, var(--group-pearl), transparent 65%), linear-gradient(115deg, var(--group-hero-a), var(--group-hero-b) 72%, var(--group-hero-c));
	box-shadow: inset 0 1px #fff, 0 10px 30px #246c780d;
}
.dg11-group-theme .dg11-internal-hero h1 {
	position: relative;
	z-index: 1;
	max-width: 24ch;
	color: var(--group-title);
	line-height: 1.25;
	text-wrap: balance;
}
/* Static, decorative vector waves and soft branching sea plants. */
.dg11-group-theme .dg11-internal-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: var(--group-hero-art) right bottom / 100% 100% no-repeat;
}
.dg11-group-theme .dg11-internal-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(circle at 81% 24%, #fff 0 3px, #d7e7ed 4px, transparent 6px), radial-gradient(circle at 88% 41%, #ffffffb3 0 10px, #ffffffed 11px, transparent 13px), radial-gradient(circle at 76% 60%, #ffffffb3 0 5px, #fff 6px, transparent 8px), radial-gradient(circle at 93% 17%, #fff9 0 17px, #fffc 18px, transparent 20px), radial-gradient(circle at 65% 15%, #fff9 0 2px, transparent 4px);
}
.dg11-group-theme .dg11-group-section > h2 {
	position: relative;
	color: var(--group-heading);
}
/* Small reef vignettes sit in heading margins, clear of card content. */
.dg11-group-theme .dg11-staff-section > h2::before,
.dg11-group-theme .dg11-activities-section > h2::before {
	content: "";
	position: absolute;
	right: 0;
	top: -.65rem;
	width: 160px;
	height: 58px;
	pointer-events: none;
	background: var(--group-section-art) center / contain no-repeat;
}
.dg11-group-theme .dg11-activities-section > h2::before {
	transform: scaleX(-1);
}
.dg11-group-theme .dg11-group-section > h2::after {
	content: "";
	display: block;
	width: 4rem;
	height: 4px;
	margin-top: .65rem;
	border-radius: 100%;
	background: linear-gradient(90deg, var(--group-accent-a), var(--group-accent-b) 65%, var(--group-accent-c));
}
.dg11-group-theme .dg11-staff-card,
.dg11-group-theme .dg11-activity-card {
	border-color: var(--group-card-border);
	background: linear-gradient(145deg, #fff 68%, var(--group-surface));
	box-shadow: 0 6px 22px #245a570a, inset 0 1px #fff;
}
.dg11-group-theme .dg11-activity-card {
	background: linear-gradient(135deg, var(--group-card-a), var(--group-card-b));
	border-color: var(--group-activity-border);
	box-shadow: 0 6px 22px #245a570a, inset 0 1px var(--group-highlight);
}
.dg11-group-theme .dg11-activity-image-area,
.dg11-group-theme .dg11-staff-placeholder {
	background: linear-gradient(135deg, var(--group-media-a), var(--group-media-b));
}
.dg11-group-theme .dg11-staff-card {
	width: 88%;
	justify-self: center;
}
.dg11-group-theme .dg11-staff-body {
	padding: 1.25rem;
}
.dg11-group-theme .dg11-activity-card .dg11-highlight-body {
	padding: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid var(--group-text-border);
	border-radius: .75rem;
	background: linear-gradient(135deg, var(--group-text-a), var(--group-text-b));
	box-shadow: 0 3px 12px #2370870a;
}
.dg11-group-theme .dg11-activity-controls button {
	border-color: var(--group-control-border);
	color: var(--group-heading);
}
.dg11-group-theme .dg11-activity-controls button:hover:not(:disabled) {
	background: var(--group-hover);
}
@media (max-width: 47.99rem) {
	.dg11-group-theme .dg11-internal-hero { border-radius: 1rem; }
	.dg11-group-theme .dg11-internal-hero::before { background-size: auto 100%; mask-image: linear-gradient(to bottom, transparent 45%, #000 78%); }
	.dg11-group-theme .dg11-internal-hero::after { opacity: .75; }
	.dg11-group-theme .dg11-staff-section > h2::before,
	.dg11-group-theme .dg11-activities-section > h2::before { top: -1.6rem; width: 76px; height: 28px; }
}

/* Зайо Байо — Горска полянка */
.dg11-theme-woodland {
	--group-page: #e6f1e3;
	--group-wash-a: #cbe3ef;
	--group-wash-b: #c9e1c2;
	--group-main-top: #fdf6ee;
	--group-main-mid: #e4f0f6;
	--group-main-bottom: #dfedda;
	--group-hero-border: #9ec891;
	--group-pearl: #fefbf8;
	--group-hero-a: #cee3c7;
	--group-hero-b: #c6e0ed;
	--group-hero-c: #fae1c6;
	--group-title: #2e4936;
	--group-heading: #325138;
	--group-accent-a: #65a851;
	--group-accent-b: #77b6d4;
	--group-accent-c: #f7d5af;
	--group-card-border: #afd2a5;
	--group-surface: #f7fbf6;
	--group-card-a: #d1e6f080;
	--group-card-b: #b2d4a866;
	--group-activity-border: #a0c993;
	--group-highlight: #edf5ea80;
	--group-media-a: #cce2c6;
	--group-media-b: #d6e9f2;
	--group-text-border: #bddab4;
	--group-text-a: #fef8f2;
	--group-text-b: #e6f1e3;
	--group-control-border: #cce2c6;
	--group-hover: #e9f3e7;
	--group-hero-art: url("group-themes/woodland-hero.svg");
	--group-section-art: url("group-themes/woodland-motifs.svg");
	--group-side-art: url("group-themes/woodland-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/woodland-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/woodland-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/woodland-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/woodland-side.svg") center / 100% 100% no-repeat;
}

/* Ежко — Есенна горичка */
.dg11-theme-autumn {
	--group-page: #f3ebde;
	--group-wash-a: #d0d5bb;
	--group-wash-b: #e6d3b7;
	--group-main-top: #f9f1ee;
	--group-main-mid: #e6e9db;
	--group-main-bottom: #f0e4d4;
	--group-hero-border: #d2af7e;
	--group-pearl: #fdf9f8;
	--group-hero-a: #e8d6bd;
	--group-hero-b: #cbd0b4;
	--group-hero-c: #eccfc5;
	--group-title: #453e2d;
	--group-heading: #4e432d;
	--group-accent-a: #b78032;
	--group-accent-b: #84904d;
	--group-accent-c: #e4bbad;
	--group-card-border: #dabd94;
	--group-surface: #fbf9f5;
	--group-card-a: #d5d9c280;
	--group-card-b: #dbc09966;
	--group-activity-border: #d2b080;
	--group-highlight: #f6f0e680;
	--group-media-a: #e7d5bb;
	--group-media-b: #dadeca;
	--group-text-border: #e0c8a7;
	--group-text-a: #fbf4f1;
	--group-text-b: #f3ebde;
	--group-control-border: #e7d5bb;
	--group-hover: #f5ede2;
	--group-hero-art: url("group-themes/autumn-hero.svg");
	--group-section-art: url("group-themes/autumn-motifs.svg");
	--group-side-art: url("group-themes/autumn-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/autumn-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/autumn-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/autumn-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/autumn-side.svg") center / 100% 100% no-repeat;
}

/* Калинки — Градинска приказка */
.dg11-theme-garden {
	--group-page: #e6f0e6;
	--group-wash-a: #e4e4cb;
	--group-wash-b: #c9dfc8;
	--group-main-top: #faf0f0;
	--group-main-mid: #f1f1e3;
	--group-main-bottom: #dfecde;
	--group-hero-border: #9ec69b;
	--group-pearl: #fdf9f9;
	--group-hero-a: #cee2cc;
	--group-hero-b: #e1e1c5;
	--group-hero-c: #eecccb;
	--group-title: #2e483a;
	--group-heading: #32503d;
	--group-accent-a: #65a461;
	--group-accent-b: #b8b875;
	--group-accent-c: #e7b7b6;
	--group-card-border: #afd0ad;
	--group-surface: #f7faf7;
	--group-card-a: #e7e7d080;
	--group-card-b: #b2d2b066;
	--group-activity-border: #a0c79d;
	--group-highlight: #edf4ec80;
	--group-media-a: #cce1cb;
	--group-media-b: #eaead6;
	--group-text-border: #bdd8bb;
	--group-text-a: #fbf3f3;
	--group-text-b: #e6f0e6;
	--group-control-border: #cce1cb;
	--group-hover: #e9f2e9;
	--group-hero-art: url("group-themes/garden-hero.svg");
	--group-section-art: url("group-themes/garden-motifs.svg");
	--group-side-art: url("group-themes/garden-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/garden-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/garden-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/garden-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/garden-side.svg") center / 100% 100% no-repeat;
}

/* Бонбон — Пастелна сладкарница */
.dg11-theme-candy {
	--group-page: #f9eced;
	--group-wash-a: #cce4dd;
	--group-wash-b: #f1d5d8;
	--group-main-top: #fdf7f1;
	--group-main-mid: #e4f1ed;
	--group-main-bottom: #f7e6e7;
	--group-hero-border: #e6b3b8;
	--group-pearl: #fefcf9;
	--group-hero-a: #f2d8db;
	--group-hero-b: #c6e2da;
	--group-hero-c: #f9e2d0;
	--group-title: #4d3f47;
	--group-heading: #59454d;
	--group-accent-a: #d7868f;
	--group-accent-b: #78b9a6;
	--group-accent-c: #f6d7bd;
	--group-card-border: #eac0c5;
	--group-surface: #fdf9f9;
	--group-card-a: #d1e7e180;
	--group-card-b: #ebc3c766;
	--group-activity-border: #e6b4ba;
	--group-highlight: #faf0f280;
	--group-media-a: #f2d7da;
	--group-media-b: #d7eae4;
	--group-text-border: #eecbcf;
	--group-text-a: #fdf8f4;
	--group-text-b: #f9eced;
	--group-control-border: #f2d7da;
	--group-hover: #f9eeef;
	--group-hero-art: url("group-themes/candy-hero.svg");
	--group-section-art: url("group-themes/candy-motifs.svg");
	--group-side-art: url("group-themes/candy-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/candy-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/candy-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/candy-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/candy-side.svg") center / 100% 100% no-repeat;
}

/* Том и Джери — Игриво движение */
.dg11-theme-play {
	--group-page: #f4ebe6;
	--group-wash-a: #cadeea;
	--group-wash-b: #e8d3c9;
	--group-main-top: #faf5f1;
	--group-main-mid: #e3eef4;
	--group-main-bottom: #f1e5de;
	--group-hero-border: #d5b09d;
	--group-pearl: #fdfbf9;
	--group-hero-a: #ead7cd;
	--group-hero-b: #c5dae7;
	--group-hero-c: #eedecf;
	--group-title: #463e3b;
	--group-heading: #50443e;
	--group-accent-a: #bd8264;
	--group-accent-b: #74a8c7;
	--group-accent-c: #e7d0bb;
	--group-card-border: #ddbeae;
	--group-surface: #fcf9f7;
	--group-card-a: #d0e1ec80;
	--group-card-b: #dec1b266;
	--group-activity-border: #d6b29f;
	--group-highlight: #f7f0ec80;
	--group-media-a: #e9d6cc;
	--group-media-b: #d5e5ee;
	--group-text-border: #e3c9bc;
	--group-text-a: #fbf7f4;
	--group-text-b: #f4ebe6;
	--group-control-border: #e9d6cc;
	--group-hover: #f6eee9;
	--group-hero-art: url("group-themes/play-hero.svg");
	--group-section-art: url("group-themes/play-motifs.svg");
	--group-side-art: url("group-themes/play-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/play-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/play-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/play-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/play-side.svg") center / 100% 100% no-repeat;
}

/* Малката Русалка — Подводна приказка */
.dg11-theme-underwater {
	/* Exact original underwater defaults and artwork above. */
}

/* Детелинки — Зелена поляна */
.dg11-theme-clover {
	--group-page: #e6f1e4;
	--group-wash-a: #e0e9cb;
	--group-wash-b: #c8e0c5;
	--group-main-top: #fcf9ef;
	--group-main-mid: #eff3e3;
	--group-main-bottom: #deecdc;
	--group-hero-border: #9dc796;
	--group-pearl: #fefdf9;
	--group-hero-a: #cde3ca;
	--group-hero-b: #dde7c5;
	--group-hero-c: #f5ebc8;
	--group-title: #2d4838;
	--group-heading: #32503a;
	--group-accent-a: #63a658;
	--group-accent-b: #adc575;
	--group-accent-c: #f1e2b2;
	--group-card-border: #aed1a8;
	--group-surface: #f7fbf7;
	--group-card-a: #e3ebd080;
	--group-card-b: #b1d3ac66;
	--group-activity-border: #9ec897;
	--group-highlight: #ecf4eb80;
	--group-media-a: #cce2c8;
	--group-media-b: #e6eed6;
	--group-text-border: #bcd9b7;
	--group-text-a: #fdfaf2;
	--group-text-b: #e6f1e4;
	--group-control-border: #cce2c8;
	--group-hover: #e9f3e8;
	--group-hero-art: url("group-themes/clover-hero.svg");
	--group-section-art: url("group-themes/clover-motifs.svg");
	--group-side-art: url("group-themes/clover-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/clover-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/clover-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/clover-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/clover-side.svg") center / 100% 100% no-repeat;
}

/* Мики Маус — Весела геометрия */
.dg11-theme-geometry {
	--group-page: #f7e8e7;
	--group-wash-a: #f1e3c0;
	--group-wash-b: #eccdc9;
	--group-main-top: #efeff0;
	--group-main-mid: #f7f0de;
	--group-main-bottom: #f4e1df;
	--group-hero-border: #dea69f;
	--group-pearl: #f8f9f9;
	--group-hero-a: #eed2ce;
	--group-hero-b: #efe0b9;
	--group-hero-c: #c7cacb;
	--group-title: #4a3a3c;
	--group-heading: #553e3f;
	--group-accent-a: #ca7166;
	--group-accent-b: #d9b659;
	--group-accent-c: #b0b4b5;
	--group-card-border: #e3b5af;
	--group-surface: #fcf8f7;
	--group-card-a: #f2e6c780;
	--group-card-b: #e5b8b366;
	--group-activity-border: #dea7a0;
	--group-highlight: #f9eeed80;
	--group-media-a: #eed0cd;
	--group-media-b: #f4e9cd;
	--group-text-border: #e8c2bd;
	--group-text-a: #f2f2f3;
	--group-text-b: #f7e8e7;
	--group-control-border: #eed0cd;
	--group-hover: #f8ebea;
	--group-hero-art: url("group-themes/geometry-hero.svg");
	--group-section-art: url("group-themes/geometry-motifs.svg");
	--group-side-art: url("group-themes/geometry-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/geometry-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/geometry-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/geometry-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/geometry-side.svg") center / 100% 100% no-repeat;
}

/* Пчеличка — Медена градина */
.dg11-theme-honey {
	--group-page: #f6efdf;
	--group-wash-a: #d1dfc4;
	--group-wash-b: #ecdcb9;
	--group-main-top: #fdf8ed;
	--group-main-mid: #e7eee0;
	--group-main-bottom: #f4ead5;
	--group-hero-border: #ddc180;
	--group-pearl: #fefcf8;
	--group-hero-a: #eedfbf;
	--group-hero-b: #ccdcbe;
	--group-hero-c: #f7e8c3;
	--group-title: #4a462e;
	--group-heading: #544d2f;
	--group-accent-a: #c99c36;
	--group-accent-b: #85ac65;
	--group-accent-c: #f3deaa;
	--group-card-border: #e3cc96;
	--group-surface: #fcfaf5;
	--group-card-a: #d6e3cb80;
	--group-card-b: #e4ce9b66;
	--group-activity-border: #dec282;
	--group-highlight: #f9f3e780;
	--group-media-a: #eddebd;
	--group-media-b: #dae6d1;
	--group-text-border: #e8d4a9;
	--group-text-a: #fdf9f1;
	--group-text-b: #f6efdf;
	--group-control-border: #eddebd;
	--group-hover: #f7f1e3;
	--group-hero-art: url("group-themes/honey-hero.svg");
	--group-section-art: url("group-themes/honey-motifs.svg");
	--group-side-art: url("group-themes/honey-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/honey-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/honey-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/honey-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/honey-side.svg") center / 100% 100% no-repeat;
}

/* Звездичка — Небесна приказка */
.dg11-theme-sky {
	--group-page: #eaf2f8;
	--group-wash-a: #ded7ec;
	--group-wash-b: #d1e2ef;
	--group-main-top: #f8fafd;
	--group-main-mid: #eeeaf5;
	--group-main-bottom: #e3eef5;
	--group-hero-border: #accbe2;
	--group-pearl: #fcfdfe;
	--group-hero-a: #d5e5f0;
	--group-hero-b: #dbd3ea;
	--group-hero-c: #e8eff7;
	--group-title: #344a59;
	--group-heading: #3a5363;
	--group-accent-a: #7cadd1;
	--group-accent-b: #a997cc;
	--group-accent-c: #dee9f3;
	--group-card-border: #bbd4e7;
	--group-surface: #f8fbfd;
	--group-card-a: #e2dcee80;
	--group-card-b: #bed6e866;
	--group-activity-border: #aecce2;
	--group-highlight: #eff5f980;
	--group-media-a: #d4e4f0;
	--group-media-b: #e5e0f0;
	--group-text-border: #c7dceb;
	--group-text-a: #f9fbfd;
	--group-text-b: #eaf2f8;
	--group-control-border: #d4e4f0;
	--group-hover: #edf4f9;
	--group-hero-art: url("group-themes/sky-hero.svg");
	--group-section-art: url("group-themes/sky-motifs.svg");
	--group-side-art: url("group-themes/sky-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/sky-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/sky-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/sky-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/sky-side.svg") center / 100% 100% no-repeat;
}

/* Буратино — Творческа работилница */
.dg11-theme-workshop {
	--group-page: #f3ece3;
	--group-wash-a: #d0dbca;
	--group-wash-b: #e5d6c2;
	--group-main-top: #fbf7f1;
	--group-main-mid: #e6ece3;
	--group-main-bottom: #efe7da;
	--group-hero-border: #d0b691;
	--group-pearl: #fdfcf9;
	--group-hero-a: #e7dac7;
	--group-hero-b: #cbd7c4;
	--group-hero-c: #f1e2ce;
	--group-title: #444135;
	--group-heading: #4d4738;
	--group-accent-a: #b48b50;
	--group-accent-b: #83a073;
	--group-accent-c: #ebd7b9;
	--group-card-border: #d8c3a4;
	--group-surface: #fbf9f6;
	--group-card-a: #d5dfcf80;
	--group-card-b: #dac5a866;
	--group-activity-border: #d1b793;
	--group-highlight: #f6f1ea80;
	--group-media-a: #e6d9c5;
	--group-media-b: #dae3d5;
	--group-text-border: #dfcdb4;
	--group-text-a: #fcf8f3;
	--group-text-b: #f3ece3;
	--group-control-border: #e6d9c5;
	--group-hover: #f5efe6;
	--group-hero-art: url("group-themes/workshop-hero.svg");
	--group-section-art: url("group-themes/workshop-motifs.svg");
	--group-side-art: url("group-themes/workshop-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/workshop-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/workshop-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/workshop-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/workshop-side.svg") center / 100% 100% no-repeat;
}

/* Слънчице — Слънчев ден */
.dg11-theme-sunshine {
	--group-page: #f8f2e0;
	--group-wash-a: #f6dfce;
	--group-wash-b: #f0e2bb;
	--group-main-top: #fdf9ef;
	--group-main-mid: #faeee5;
	--group-main-bottom: #f6eed6;
	--group-hero-border: #e5cb85;
	--group-pearl: #fefdf9;
	--group-hero-a: #f2e5c1;
	--group-hero-b: #f5dcc9;
	--group-hero-c: #f7ecc8;
	--group-title: #4d4a30;
	--group-heading: #585331;
	--group-accent-a: #d5ad3e;
	--group-accent-b: #e7ab7f;
	--group-accent-c: #f4e4b2;
	--group-card-border: #e9d49b;
	--group-surface: #fdfbf5;
	--group-card-a: #f7e2d380;
	--group-card-b: #ead69f66;
	--group-activity-border: #e5cc87;
	--group-highlight: #faf5e880;
	--group-media-a: #f1e4bf;
	--group-media-b: #f8e6d9;
	--group-text-border: #eddcac;
	--group-text-a: #fdfaf2;
	--group-text-b: #f8f2e0;
	--group-control-border: #f1e4bf;
	--group-hover: #f9f4e4;
	--group-hero-art: url("group-themes/sunshine-hero.svg");
	--group-section-art: url("group-themes/sunshine-motifs.svg");
	--group-side-art: url("group-themes/sunshine-motifs.svg") center 14% / 100% auto no-repeat, url("group-themes/sunshine-motifs.svg") center 52% / 100% auto no-repeat, url("group-themes/sunshine-motifs.svg") center 92% / 100% auto no-repeat, url("group-themes/sunshine-side.svg") center / 100% 100% no-repeat;
	--group-side-narrow: url("group-themes/sunshine-side.svg") center / 100% 100% no-repeat;
}