/**
 * TinyMCE content preview chrome + in-editor token preview.
 *
 * Loaded via TinyMCE content_css — rules target token classes directly because
 * the iframe body id/class varies by WP version (tinymce, mce-content-body, etc.).
 *
 * @package RSM_Editor
 */

body {
	color: #0f172a;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin: 12px;
	padding: 12px 14px;
	background: #f8fafc;
}

.rsmspark-rt-size-eyebrow {
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
}

.rsmspark-rt-size-body {
	font-size: 1rem !important;
	line-height: 1.5;
}

.rsmspark-rt-size-lead {
	font-size: 1.125rem !important;
	line-height: 1.45;
}

.rsmspark-rt-size-title {
	font-size: 1.5rem !important;
	font-weight: 700;
	line-height: 1.2;
}

.rsmspark-rt-size-display {
	font-size: 2.25rem !important;
	font-weight: 700;
	line-height: 1.08;
}

.rsmspark-rt-size-hero {
	font-size: 2.75rem !important;
	font-weight: 700;
	line-height: 1.05;
}

.rsmspark-rt-size-jumbo {
	font-size: 3.25rem !important;
	font-weight: 700;
	line-height: 1.02;
}

.rsmspark-rt-color-muted {
	color: var(--rsm-color-muted, #64748b) !important;
}

.rsmspark-rt-color-accent {
	color: var(--rsm-color-accent, #f97316) !important;
}

.rsmspark-rt-color-primary {
	color: var(--rsm-color-primary, #1e40af) !important;
}

.rsmspark-rt-color-inverse {
	background: #334155;
	border-radius: 2px;
	color: #ffffff !important;
}

.rsmspark-rt-color-success {
	color: #16a34a !important;
}

.rsmspark-rt-color-danger {
	color: #dc2626 !important;
}

.rsmspark-rt-color-warning {
	color: #ca8a04 !important;
}

.rsmspark-rt-gradient-brand {
	background: var(--rsm-gradient-brand, linear-gradient(90deg, #f97316 0%, #ffb347 100%));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

.rsmspark-rt-uppercase {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.rsmspark-rt-preview-dark {
	background: #0f172a;
	color: #f8fafc;
}

.rsmspark-rt-list,
ul.rsmspark-rt-list {
	margin: 0.35rem 0 0;
	padding-left: 1.25rem;
}

.rsmspark-rt-list--check,
ul.rsmspark-rt-list--check {
	list-style: none;
	padding-left: 0;
}

.rsmspark-rt-list--check > li,
ul.rsmspark-rt-list--check > li {
	padding-left: 1.35em;
	position: relative;
}

.rsmspark-rt-list--check > li::before,
ul.rsmspark-rt-list--check > li::before {
	color: var(--rsmspark-rt-list-marker-color, currentColor);
	content: "\2713";
	font-weight: 700;
	left: 0;
	line-height: inherit;
	position: absolute;
}

.rsmspark-rt-list--x,
ul.rsmspark-rt-list--x {
	list-style: none;
	padding-left: 0;
}

.rsmspark-rt-list--x > li,
ul.rsmspark-rt-list--x > li {
	padding-left: 1.35em;
	position: relative;
}

.rsmspark-rt-list--x > li::before,
ul.rsmspark-rt-list--x > li::before {
	color: var(--rsmspark-rt-list-marker-color, currentColor);
	content: "\2717";
	font-weight: 700;
	left: 0;
	line-height: inherit;
	position: absolute;
}

.rsmspark-rt-list--star,
ul.rsmspark-rt-list--star {
	list-style: none;
	padding-left: 0;
}

.rsmspark-rt-list--star > li,
ul.rsmspark-rt-list--star > li {
	padding-left: 1.35em;
	position: relative;
}

.rsmspark-rt-list--star > li::before,
ul.rsmspark-rt-list--star > li::before {
	color: var(--rsmspark-rt-list-marker-color, currentColor);
	content: "\2605";
	font-weight: 700;
	left: 0;
	line-height: inherit;
	position: absolute;
}

.rsmspark-rt-list--none,
ul.rsmspark-rt-list--none {
	list-style: none;
	padding-left: 0;
}

.rsmspark-rt-list--bullet > li::marker,
ul.rsmspark-rt-list--bullet > li::marker {
	color: var(--rsmspark-rt-list-marker-color, currentColor);
}

.rsmspark-rt-list-marker-accent {
	--rsmspark-rt-list-marker-color: #ff6b35;
}

.rsmspark-rt-list-marker-primary {
	--rsmspark-rt-list-marker-color: #2563eb;
}

.rsmspark-rt-list-marker-success {
	--rsmspark-rt-list-marker-color: #16a34a;
}

.rsmspark-rt-list-marker-danger {
	--rsmspark-rt-list-marker-color: #dc2626;
}

.rsmspark-rt-list-marker-warning {
	--rsmspark-rt-list-marker-color: #ca8a04;
}

.rsmspark-rt-list-marker-muted {
	--rsmspark-rt-list-marker-color: #64748b;
}

.rsmspark-rt-list-marker-inverse {
	--rsmspark-rt-list-marker-color: #ffffff;
}
