/*
 * Heduno — the brand's type and colour tokens for the creator dashboard's
 * joining screens and welcome tour (K-6f7885eb). Taken from the Heduno Design
 * System Sam sent on 26 Sep 2026 (heduno-design-system.html): the same token
 * names and values, light and dark.
 *
 * Scoped to `.hd` rather than :root, because the dashboard's own tokens.css
 * uses some of the same names (--radius-md, --danger) for its own values.
 *
 * Plus Jakarta Sans (SIL Open Font License 1.1) is served from this folder so
 * the dashboard's content policy needs no outside font host.
 */
@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("fonts/plus-jakarta-sans-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.hd,
[data-theme="light"] .hd {
	--brand: #e9256b;
	--brand-button: #e0205f;
	--brand-hover: #c81e5b;
	--brand-text: #c81e5b;
	--brand-tint: #fce3ec;
	--brand-tint-ink: #a8164b;
	--on-brand: #ffffff;
	--ground: #f7f7f6;
	--surface: #ffffff;
	--fill: #f0f0ee;
	--line: #e6e6e4;
	--line-strong: #d0d0cf;
	--ink: #0f0f0f;
	--ink-2: #4a4a4a;
	--muted: #6b6b6b;
	--subtle: #a0a0a0;
	--scrim: rgba(15, 15, 15, 0.7);
	--online: #10b981;
	--online-text: #047857;
	--danger: #d92d20;
	--shadow-card: 0 8px 30px rgba(15, 15, 15, 0.06);
	--shadow-modal: 0 24px 60px rgba(15, 15, 15, 0.18);
	--shadow-cta: 0 8px 20px rgba(233, 37, 107, 0.25);
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--radius-pill: 999px;
	--font-display: "Plus Jakarta Sans", -apple-system, system-ui, "Segoe UI", sans-serif;
	--font-body: "Plus Jakarta Sans", -apple-system, system-ui, "Segoe UI", sans-serif;
	color-scheme: light;
}

[data-theme="dark"] .hd,
.hd[data-theme="dark"] {
	--brand-text: #ff5c93;
	--brand-tint: #3a1224;
	--brand-tint-ink: #ff9dbe;
	--ground: #0b0b0b;
	--surface: #161616;
	--fill: #222222;
	--line: #2a2a2a;
	--line-strong: #3a3a3a;
	--ink: #f5f5f4;
	--ink-2: #c4c4c2;
	--muted: #9a9a98;
	--subtle: #6b6b6b;
	--scrim: rgba(0, 0, 0, 0.75);
	--online-text: #34d399;
	--danger: #f97066;
	--shadow-card: 0 8px 30px rgba(0, 0, 0, 0.5);
	--shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.7);
	--shadow-cta: 0 8px 20px rgba(233, 37, 107, 0.35);
	color-scheme: dark;
}

/* The dashboard of a creator who joined Heduno keeps its own layout, in Heduno's type. */
.brand-heduno {
	--font-sans: "Plus Jakarta Sans", -apple-system, system-ui, "Segoe UI", sans-serif;
	font-family: var(--font-sans);
}