/* Landing64 — shared tokens (lead-owned). Page + simulations both read these. */
:root {
	--l64-bg: #06080c;
	--l64-bg2: #0b0f16;
	--l64-panel: rgba(12, 16, 23, .74);
	--l64-panel-solid: #0e131b;
	--l64-line: rgba(255, 255, 255, .12);
	--l64-line-strong: rgba(255, 255, 255, .22);
	--l64-text: #e8eef6;
	--l64-soft: #a3b3c7;
	--l64-muted: #66768c;

	--l64-teal: #00f5c3;          /* TopFrag + the sync link */
	--l64-teal-dim: rgba(0, 245, 195, .16);
	--l64-gold: #ffc23a;          /* headline highlight (poster gold) */
	--l64-gold-deep: #ff9d1c;
	--l64-srvA: #ffb02e;          /* Server A (amber LEDs in the art) */
	--l64-srvB: #4ab3ff;          /* Server B (blue LEDs in the art) */
	--l64-t: #ff5a3c;             /* Terrorists */
	--l64-ct: #6f8dff;            /* Counter-Terrorists */
	--l64-red: #e8322a;           /* "comment" CTA red (poster) */

	--l64-display: "Rajdhani", "Oswald", system-ui, sans-serif;   /* 700, uppercase headlines + numbers */
	--l64-body: "Inter", system-ui, sans-serif;
	--l64-mono: "JetBrains Mono", ui-monospace, monospace;         /* labels, data, HUD */

	--l64-radius: 4px;            /* structured corners — never pills */
	--l64-max: 1240px;            /* content width */
	--l64-gutter: clamp(16px, 4vw, 40px);
	--l64-ease: cubic-bezier(.2, .7, .2, 1);
}