/* RSN Broadcast — design tokens.
   Edit these to re-skin the entire theme. */

:root {
	/* === Brand palette === */
	--rsn-bg:              #0a0d12;     /* deepest near-black */
	--rsn-surface:         #12161d;     /* cards */
	--rsn-surface-2:       #1a1f29;     /* elevated */
	--rsn-line:            #232936;     /* subtle borders */
	--rsn-line-strong:     #364056;     /* hover borders */
	--rsn-text:            #f5f7fa;
	--rsn-text-dim:        #98a1b3;
	--rsn-text-mute:       #6b7382;

	--rsn-mint:            #3dd68c;     /* primary accent (overridden inline by plugin) */
	--rsn-mint-deep:       #1fa86a;
	--rsn-mint-glow:       rgba(61, 214, 140, 0.35);
	--rsn-mint-soft:       rgba(61, 214, 140, 0.12);

	--rsn-yellow:          #ffd23f;     /* nominated halo */
	--rsn-yellow-glow:     rgba(255, 210, 63, 0.45);

	/* === Typography === */
	--rsn-display: "Anton", "Bebas Neue", "Impact", sans-serif;
	--rsn-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

	/* === Rhythm === */
	--rsn-radius:       14px;
	--rsn-radius-lg:    22px;
	--rsn-radius-pill:  999px;

	--rsn-shadow:       0 12px 40px rgba(0,0,0,0.55);
	--rsn-shadow-soft:  0 4px 18px rgba(0,0,0,0.32);
	--rsn-shadow-mint:  0 0 0 1px var(--rsn-mint), 0 0 24px var(--rsn-mint-glow);
	--rsn-shadow-yellow:0 0 0 3px var(--rsn-yellow), 0 0 32px var(--rsn-yellow-glow);

	--rsn-gap:          1rem;
	--rsn-gap-lg:       2rem;
	--rsn-content-max:  1280px;

	/* === Motion === */
	--rsn-ease:         cubic-bezier(.2, .8, .2, 1);
}