/* Yeşim teması: serin kırık beyaz zemin, yeşim yeşili tek vurgu,
   orta yuvarlaklıkta köşeler, gündüz sahneli tam genişlik hero. Açık mod. */
:root {
	color-scheme: light;

	--bg: #f2f5f3;
	--bg-2: #e8eeea;
	--surface: #fbfcfb;
	--surface-2: #edf2ef;
	--field: #fdfefd;
	--line: rgba(21, 40, 31, .11);
	--line-strong: rgba(21, 40, 31, .22);
	--grain: rgba(21, 40, 31, .035);
	--nav-bg: rgba(242, 245, 243, .86);
	--overlay: rgba(14, 26, 20, .48);
	--shadow: rgba(21, 40, 31, .28);

	--text: #14201a;
	--muted: #586860;
	--muted-strong: #3a4a42;

	--accent: #16795a;
	--accent-hover: #106649;
	--accent-ink: #ffffff;
	--accent-text: #116b4e;
	--accent-soft: rgba(22, 121, 90, .11);

	--ok: #2f8a46;
	--ok-soft: rgba(47, 138, 70, .10);
	--ok-text: #1d6631;
	--danger: #c0392b;
	--danger-soft: rgba(192, 57, 43, .09);
	--danger-text: #962b20;

	--font-display: "Sora", "Segoe UI", sans-serif;
	--font-body: "Manrope", "Segoe UI", sans-serif;

	--radius: 6px;
	--radius-lg: 10px;
	--btn-radius: 6px;
	--btn-clip: none;
	--btn-track: .01em;
	--btn-case: none;
	--title-track: -.01em;
	--title-case: none;
	--ghost-bg: rgba(255, 255, 255, .7);
	--ghost-bg-hover: #ffffff;
	--ghost-ring: inset 0 0 0 1px var(--line-strong);
}