/*
 * CCM Theme design tokens
 * Locked: current brand shades (charcoal + orange), sleek professional treatment.
 */

:root {
	/* Ink / charcoal (from live header) */
	--ccm-ink: #1a1a1a;
	--ccm-ink-soft: #2b2b2b;
	--ccm-charcoal: #1f1f1f;
	--ccm-charcoal-elevated: #2a2a2a;

	/* Surfaces */
	--ccm-bg: #f7f6f4;
	--ccm-bg-elevated: #ffffff;
	--ccm-bg-muted: #efece8;

	/* Accent — live orange family, refined */
	--ccm-orange: #e85d04;
	--ccm-orange-deep: #d00000;
	--ccm-orange-hot: #f48c06;
	--ccm-orange-soft: rgba(232, 93, 4, 0.12);

	/* Text */
	--ccm-text: var(--ccm-ink);
	--ccm-text-muted: #5c5c5c;
	--ccm-text-on-dark: #f5f5f5;
	--ccm-text-on-accent: #ffffff;

	/* Lines */
	--ccm-border: rgba(26, 26, 26, 0.12);
	--ccm-border-strong: rgba(26, 26, 26, 0.22);

	/* Type */
	--ccm-font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
	--ccm-font-body: "DM Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* Space (8px scale) */
	--ccm-space-1: 0.5rem;
	--ccm-space-2: 1rem;
	--ccm-space-3: 1.5rem;
	--ccm-space-4: 2rem;
	--ccm-space-5: 3rem;
	--ccm-space-6: 4.5rem;
	--ccm-space-7: 6rem;

	/* Radii — slight, not pill-heavy */
	--ccm-radius: 6px;
	--ccm-radius-lg: 12px;

	/* Motion */
	--ccm-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--ccm-duration: 220ms;

	/* Layout */
	/* ~90% of the previous 72rem content max — less spread on wide screens */
	--ccm-max: 64.8rem;
	--ccm-prose: 40rem;
}

/* Base sleek resets scoped under body for GP compatibility */
body.ccm-theme,
.ccm-theme body {
	font-family: var(--ccm-font-body);
	color: var(--ccm-text);
	background: var(--ccm-bg);
	-webkit-font-smoothing: antialiased;
}

.ccm-display {
	font-family: var(--ccm-font-display);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.ccm-muted {
	color: var(--ccm-text-muted);
}

.ccm-container {
	width: min(100% - 3rem, var(--ccm-max));
	margin-inline: auto;
}

.ccm-prose {
	max-width: var(--ccm-prose);
}