/*
 * Uyanık Ol: tasarım tokenları (tek kaynak) ve fontlar.
 * Renk değerleri CLAUDE.md tablosuyla ve theme.json paletiyle aynı tutulur.
 */

/* Inter (değişken ağırlık), temanın içinden; dışarı istek yok. */
@font-face {
	font-family: "Inter Variable";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Inter Variable";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Font yüklenene kadar Inter ölçülerine ayarlı Arial: yazı yer değiştirmesin (CLS). */
@font-face {
	font-family: "Inter Fallback";
	src: local("Arial");
	ascent-override: 90.49%;
	descent-override: 22.56%;
	line-gap-override: 0%;
	size-adjust: 107.06%;
}

:root {
	color-scheme: light dark;

	/* Renkler: açık mod */
	--uo-ink: #14213D;
	--uo-text: #1F2328;
	--uo-muted: #5A6172;
	--uo-bg: #FAFAF7;
	--uo-surface: #FFFFFF;
	--uo-line: #E3E1DA;
	--uo-amber: #FCA311;
	--uo-on-amber: #14213D;
	--uo-good: #2E7D32;
	--uo-warn: #ED6C02;
	--uo-danger: #C62828;
	--uo-focus: var(--uo-ink);

	/* Marka bandı (üst bar, karşılama, yazı başlığı, alt bilgi): lacivert zemin */
	--uo-brand: #14213D;
	--uo-on-brand: #FFFFFF;
	--uo-on-brand-muted: #C9CFDD;
	--uo-brand-hover: rgb(255 255 255 / 0.1);

	/* Rozet yazıları: aynı rengin %12 zemini üstünde AA kontrast için koyulaştırıldı. */
	--uo-good-text: #1B5E20;
	--uo-warn-text: #8A4100;
	--uo-danger-text: #B71C1C;

	/* Yazı */
	--uo-font: "Inter Variable", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--uo-text-size: 18px;
	--uo-line-height: 1.65;

	/* Boşluk: 8px adım */
	--uo-s1: 8px;
	--uo-s2: 16px;
	--uo-s3: 24px;
	--uo-s4: 32px;
	--uo-s5: 40px;
	--uo-s6: 48px;
	--uo-s8: 64px;

	/* Köşe */
	--uo-radius-card: 12px;
	--uo-radius-btn: 10px;
	--uo-radius-pill: 999px;

	/* Ölçüler */
	--uo-content: 680px;
	--uo-wide: 1120px;
	--uo-gutter: 16px;
	--uo-touch: 48px;
	--uo-header-h: 64px;
	--uo-bottom-nav-h: 64px;

	/* Hareket: sadece renk/opaklık */
	--uo-transition: 150ms ease;
}

@media (prefers-color-scheme: dark) {
	:root {
		--uo-ink: #E6E9F0;
		--uo-text: #D7DBE4;
		--uo-muted: #9AA2B6;
		--uo-bg: #0F1626;
		--uo-surface: #172036;
		--uo-line: #2A3453;
		--uo-good: #81C784;
		--uo-warn: #FFB74D;
		--uo-danger: #EF9A9A;
		--uo-brand: #1A2744;
		--uo-good-text: var(--uo-good);
		--uo-warn-text: var(--uo-warn);
		--uo-danger-text: var(--uo-danger);
	}
}

body {
	/* Editör paleti (theme.json) koyu modda da tokenları izlesin. */
	--wp--preset--color--ink: var(--uo-ink);
	--wp--preset--color--text: var(--uo-text);
	--wp--preset--color--muted: var(--uo-muted);
	--wp--preset--color--bg: var(--uo-bg);
	--wp--preset--color--surface: var(--uo-surface);
	--wp--preset--color--line: var(--uo-line);
	--wp--preset--color--amber: var(--uo-amber);
	--wp--preset--color--good: var(--uo-good);
	--wp--preset--color--warn: var(--uo-warn);
	--wp--preset--color--danger: var(--uo-danger);

	/* GeneratePress'in kendi renk değişkenleri de tokenlardan gelsin. */
	--contrast: var(--uo-text);
	--contrast-2: var(--uo-muted);
	--contrast-3: var(--uo-line);
	--base: var(--uo-line);
	--base-2: var(--uo-bg);
	--base-3: var(--uo-surface);
	--accent: var(--uo-ink);
}