/* Every colour does exactly one job and never does another. */
:root{
/* base */
--grafit:#1F1D1A;--feher:#FFFFFF;--vonal:#E2E0DC;--melyzold:#2F5D50;--rez:#B3714E;
--szoveg-2:#5A5651;--szoveg-3:#8A857E;
/* derived — interaction only, never new hues */
--grafit-hover:#33302B;--grafit-active:#100F0D;
--melyzold-hover:#3A7263;--melyzold-active:#24473D;--melyzold-halvany:#F1F5F3;
--rez-hover:#C4815C;
/* semantic: text */
--text-body:var(--grafit);--text-muted:var(--szoveg-2);--text-faint:var(--szoveg-3);
--text-on-dark:var(--feher);--text-link:var(--melyzold);--text-accent:var(--rez);
--text-disabled:var(--szoveg-3);
/* semantic: surface — only white, only ever white (plus grafit for dark bands) */
--surface-page:var(--feher);--surface-card:var(--feher);--surface-field:var(--feher);
--surface-dark:var(--grafit);--surface-selected:var(--melyzold-halvany);
/* semantic: line — #E2E0DC is a LINE colour. Never a fill, never a background. */
--line:var(--vonal);--line-strong:var(--grafit);--line-focus:var(--melyzold);
--border-card:var(--vonal);--border-field:var(--vonal);--border-photo:var(--vonal);
/* semantic: action */
--action-bg:var(--grafit);--action-bg-hover:var(--grafit-hover);--action-bg-active:var(--grafit-active);
--action-fg:var(--feher);--action-disabled-bg:var(--vonal);
--state-active:var(--melyzold);--accent:var(--rez);
}