/* Design tokens — populated/overridden by Customizer via inline style. */
:root {
	--rccb-bg: #0b0d10;
	--rccb-surface: #14181d;
	--rccb-surface-2: #1c2128;
	--rccb-line: #2a313b;
	--rccb-text: #f4f6f8;
	--rccb-muted: #a6adb6;
	--rccb-blue: #22d3ee;
	--rccb-red: #ef4444;
	--rccb-green: #22ff88;
	--rccb-orange: #ff7a1a;
	--rccb-silver: #cfd6dd;
	/* Role aliases so non-developers (and audit tools) can re-skin via Customizer. */
	--rccb-primary:    var(--rccb-blue);
	--rccb-accent:     var(--rccb-orange);
	--rccb-success:    var(--rccb-green);
	--rccb-danger:     var(--rccb-red);
	--rccb-cta-orange: var(--rccb-orange);
	--rccb-silver-ref: var(--rccb-silver);
	--rccb-racing-red: var(--rccb-red);

	--rccb-radius: 14px;
	--rccb-radius-sm: 8px;
	--rccb-radius-lg: 22px;
	--rccb-shadow: 0 6px 24px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.25);
	--rccb-shadow-lg: 0 22px 60px rgba(0,0,0,.55);
	--rccb-glow: 0 0 0 1px rgba(34, 211, 238, .35), 0 0 24px rgba(34, 211, 238, .25);

	--rccb-font-body: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--rccb-font-head: "Sora", "Space Grotesk", "Inter", system-ui, sans-serif;
	--rccb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--rccb-shell: 1200px;
	--rccb-gap: 24px;

	--rccb-carbon: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px), radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
	--rccb-carbon-size: 6px 6px, 12px 12px;
	--rccb-carbon-pos: 0 0, 3px 3px;
}