body {
    /* body { background-color: #f4f6fb; } */

	/* === THEME TOKENS === */
	:root {
	  --bg: #ffffff;
	  --text: #0f172a;
	  --card: #f8fafc;
	  --border: #e2e8f0;
	  --primary: #2563eb;
	}

	/* Dark overrides */
	:root[data-theme="dark"] {
	  --bg: #0b1220;
	  --text: #e5e7eb;
	  --card: #111827;
	  --border: #1f2937;
	  --primary: #60a5fa;
	}

	/* === MAPPING TO ELEMENTS === */
	html, body {
	  background: var(--bg);
	  color: var(--text);
	}

	/* Βλέπεις άμεσα διαφορά σε συχνά στοιχεία */
	.card, .navbar, .modal-content, .dropdown-menu {
	  background: var(--card);
	  color: var(--text);
	  border-color: var(--border);
	}

	a { color: var(--primary); }

	/* Προαιρετικό: ομαλές μεταβάσεις */
	* { transition: background-color .2s, color .2s, border-color .2s; }


   
}