/* Design: Cams 1 – dunkles Pflaume mit Rosé */
:root {
	--ct-bg: #1b1320;
	--ct-surface: #261c2c;
	--ct-surface-2: #33263a;
	--ct-text: #f6eef3;
	--ct-muted: #b3a3b4;
	--ct-line: rgba(246, 238, 243, .09);
	--ct-accent: #ff5c8a;
	--ct-accent-text: #2a0c17;
	--ct-live: #37e08e;
	--ct-live-text: #062014;
	--ct-header-bg: #160f1a;

	--ct-font-body: "Manrope", system-ui, sans-serif;
	--ct-font-head: "Manrope", system-ui, sans-serif;
	--ct-head-weight: 800;
	--ct-head-tracking: -0.025em;

	--ct-radius: 14px;
	--ct-radius-btn: 999px;
	--ct-card-ratio: 4 / 3;
	--ct-gap: 22px 18px;
}

.ct-brand__name { font-size: 1.75rem; }
.ct-brand__name::after { content: ""; display: inline-block; width: .32em; height: .32em; border-radius: 50%; background: var(--ct-accent); margin-left: .12em; }

.ct-page-title { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.8rem); }

.ct-card__media { box-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset; }
.ct-card__name { font-size: 1.05rem; font-weight: 800; }
.ct-card__age { color: var(--ct-text); font-weight: 700; }

.ct-btn--primary { box-shadow: 0 8px 24px -10px color-mix(in srgb, var(--ct-accent) 80%, transparent); }
.ct-panel { border: 1px solid var(--ct-line); }
.ct-tabs__list button[aria-selected="true"] { border-bottom-width: 3px; }