/* Generated by @sms/design-tokens — do not edit by hand.
 * Source: packages/design-tokens/src/{ref,sys,ref-dark,sys-dark,sys-compact}.json
 * Re-run `pnpm --filter @sms/design-tokens build`. */

:root {
	color-scheme: light dark;

	/* ref ────────────────────────────────────────── */
	--pink-hot: #D64B8A;
	--pink-light: #F2AFC4;
	--pink-pale: #FBEAF0;
	--pink-rose: #C4547A;
	--pink-vivid: #E85B9A;
	--burgundy: #5E1A2B;
	--burgundy-deep: #3D0F1B;
	--burgundy-mid: #7A2040;
	--gold: #DAA520;
	--gold-light: #F5D77A;
	--cream: #FFF9F2;
	--cream-300: #EDE6DC;
	--offwhite: #FFFDF9;
	--charcoal: #1A1A1A;
	--white: #FFFFFF;
	--peach: #E8D5B7;
	--brown: #5E3A1A;
	--gray-300: #E2E2E2;
	--gray-500: #999999;
	--gray-600: #555555;
	--gray-800: #333333;
	--red-500: #C4304B;
	--w-content: 1100px;
	--w-nav: 1200px;
	--w-admin: 1280px;
	--w-admin-nav: 1400px;
	--w-prose: 65ch;
	--w-form: 900px;
	--w-modal-sm: 420px;
	--w-modal-md: 460px;
	--w-modal-lg: 520px;
	--w-modal: 520px;
	--w-box: 400px;
	--nav-height: 4.5rem;
	--bp-sm: 640px;
	--bp-md: 768px;
	--bp-lg: 1024px;
	--bp-xl: 1280px;
	--bp-2xl: 1536px;
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-2xl: 20px;
	--radius-3xl: 24px;
	--radius-pill: 999px;
	--radius-circle: 50%;
	--font-serif: 'Source Serif 4', Georgia, serif;
	--font-sans: 'Jost', 'Futura', 'Century Gothic', sans-serif;
	--text-xs: 0.75rem;
	--text-sm: 0.85rem;
	--text-base: 0.95rem;
	--text-md: 1rem;
	--text-lg: 1.2rem;
	--text-xl: 1.4rem;
	--text-2xl: 1.8rem;
	--text-3xl: 2.6rem;
	--weight-light: 300;
	--weight-normal: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;
	--leading-tight: 1;
	--leading-snug: 1.15;
	--leading-normal: 1.4;
	--leading-comfortable: 1.5;
	--leading-relaxed: 1.6;
	--leading-loose: 1.8;
	--tracking-tight: -0.03em;
	--tracking-tightish: -0.02em;
	--tracking-normal: 0;
	--tracking-wide: 0.04em;
	--tracking-wider: 0.08em;
	--tracking-widest: 0.15em;
	--immersive: radial-gradient(circle at 20% 80%, rgba(242,175,196,0.25) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(218,165,32,0.35) 0%, transparent 50%),
    linear-gradient(160deg, #7A2040 0%, #9A2A50 40%, #B84670 100%);

	/* sys ────────────────────────────────────────── */
	--bg-page: #FFF9F2;
	--surface-card: #FFFFFF;
	--surface-input: #FFFFFF;
	--surface-deep: #3D0F1B;
	--border: #EDE6DC;
	--border-pink-subtle: rgba(214, 75, 138, 0.1);
	--border-pink-soft: rgba(214, 75, 138, 0.15);
	--border-pink-medium: rgba(214, 75, 138, 0.2);
	--border-pink-strong: rgba(214, 75, 138, 0.35);
	--text-heading: #5E1A2B;
	--text-secondary: #555555;
	--text-muted: #999999;
	--text-on-deep-strong: rgba(242, 175, 196, 0.5);
	--text-on-deep-medium: rgba(242, 175, 196, 0.4);
	--text-on-deep-soft: rgba(242, 175, 196, 0.3);
	--danger: #C4304B;
	--danger-hover: #A02540;
	--status-success-bg: #e6f9e6;
	--status-success-fg: #1a7a1a;
	--status-pending-bg: #fff3cd;
	--status-pending-fg: #856404;
	--status-error-bg: #f8d7da;
	--status-error-fg: #721c24;
	--status-neutral-bg: #e2e3e5;
	--status-neutral-fg: #383d41;
	--scrim: rgba(0, 0, 0, 0.5);
	--card-padding: 2rem;
	--card-padding-lg: 2.5rem;
	--shadow-card: 0 2px 18px rgba(94, 26, 43, 0.05);
	--shadow-card-hover: 0 8px 32px rgba(94, 26, 43, 0.1);
	--shadow-card-strong: 0 10px 32px rgba(94, 26, 43, 0.18);
	--shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.3);
	--shadow-button: 0 4px 15px rgba(218, 165, 32, 0.3);
	--shadow-button-hover: 0 8px 25px rgba(218, 165, 32, 0.4);
	--shadow-ring-gold-soft: 0 0 0 1px rgba(218, 165, 32, 0.15);
	--shadow-ring-gold-medium: 0 0 0 1px rgba(218, 165, 32, 0.2);
	--text-h1: var(--weight-extrabold) clamp(2.4rem, 5vw, 4rem)/var(--leading-tight) var(--font-sans);
	--text-h2: var(--weight-extrabold) clamp(1.8rem, 3.5vw, 2.6rem)/var(--leading-snug) var(--font-sans);
	--text-h3: var(--weight-bold) var(--text-lg)/var(--leading-snug) var(--font-sans);
	--text-body: var(--weight-normal) var(--text-md)/var(--leading-relaxed) var(--font-serif);
	--text-label: var(--weight-bold) var(--text-xs)/var(--leading-tight) var(--font-sans);
	--text-meta: var(--weight-normal) var(--text-sm)/var(--leading-normal) var(--font-sans);
}

@media (prefers-color-scheme: dark) {
	:root {
		/* ref overrides ───────────────────────── */
		--cream: #1A1418;
		--offwhite: #141014;
		--charcoal: #E8E0E4;
		--immersive: radial-gradient(circle at 20% 80%, rgba(242,175,196,0.14) 0%, transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(218,165,32,0.20) 0%, transparent 55%),
    linear-gradient(160deg, #3D0F1B 0%, #3D0F1B 41%, #5E1A2B 100%);

		/* sys overrides ───────────────────────── */
		--bg-page: #141014;
		--surface-card: #2D2528;
		--surface-input: #1E181C;
		--text-heading: #F2AFC4;
		--text-secondary: #998A92;
		--text-muted: #7A6F75;
		--text-on-dark: #E8D0DC;
		--text-on-dark-muted: #B8A8B0;
		--text-on-dark-meta: #665A60;
		--border: rgba(214, 75, 138, 0.15);
		--danger: #ff6b7a;
		--danger-hover: #e0535e;
		--status-success-bg: #1a3520;
		--status-success-fg: #95d5a8;
		--status-pending-bg: #3d3520;
		--status-pending-fg: #f5d77a;
		--status-error-bg: #3d1f1f;
		--status-error-fg: #ffaab0;
		--status-neutral-bg: #2a2a2a;
		--status-neutral-fg: #b8b8b8;
		--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
		--shadow-card-hover: 0 10px 36px rgba(0, 0, 0, 0.5);
		--shadow-card-strong: 0 12px 36px rgba(0, 0, 0, 0.55);
	}
}

[data-density="comfortable"] {
	--card-padding: 2rem;
	--card-padding-lg: 2.5rem;
}

[data-density="compact"] {
	--card-padding: 1.25rem;
	--card-padding-lg: 2rem;
}