/*
 * Design tokens — Καστάνιανη Πωγωνίου, πρόταση Β «Ο Οδηγός».
 * Μοναδική πηγή χρωμάτων/μεγεθών για το θέμα. Χωρίς gradients.
 * Contrast (WCAG AA): κείμενο #16201A/#F3F5F1 ≈ 16:1· #4C5A50/#F3F5F1 ≈ 6.5:1·
 * λευκό/#2F5B3B ≈ 7.8:1· λευκό/#2E4651 ≈ 9.8:1· #16201A/#E9B53B ≈ 10:1 (το κίτρινο ΠΟΤΕ με λευκό κείμενο).
 */
:root {
	--k-bg: #F3F5F1;
	--k-surface: #FFFFFF;
	--k-text: #16201A;
	--k-text-muted: #4C5A50;
	--k-primary: #2F5B3B;          /* φύλλο καστανιάς: ενέργειες, ενεργή καρτέλα */
	--k-primary-soft: #E2EEE5;     /* φόντο ενεργής καρτέλας, επιτυχία */
	--k-secondary: #2E4651;        /* γκρίζο βουνού: hover, δευτερεύουσες επιφάνειες */
	--k-accent: #E9B53B;           /* «τώρα»: ένα κουμπί ανά οθόνη, μόνο με σκούρο κείμενο */
	--k-border: #DCE2DA;
	--k-placeholder: #CBD5C8;
	--k-footer-bg: #16201A;
	--k-footer-text: #F3F5F1;
	--k-on-primary: #FFFFFF;
	--k-on-accent: #16201A;

	--k-font-heading: "Noto Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--k-font-body: "Noto Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	--k-h1: clamp(1.875rem, 1.35rem + 2.4vw, 3.25rem);   /* ~30px κινητό → 52px desktop */
	--k-h2: clamp(1.5rem, 1.25rem + 1.2vw, 2.125rem);
	--k-h3: clamp(1.1875rem, 1.1rem + 0.5vw, 1.4375rem);
	--k-body: 1.0625rem;                               /* 17px */
	--k-small: 0.9375rem;

	--k-radius: 16px;
	--k-radius-sm: 10px;
	--k-max: 1200px;
	--k-gutter: 16px;
	--k-gap: 16px;
	--k-touch: 44px;
	--k-focus: 3px solid var(--k-secondary);
	--k-tabbar-h: 64px;
}

@media (min-width: 768px) {
	:root { --k-gutter: 24px; --k-gap: 24px; }
}