* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

nav ul,
nav ol {
	list-style: none;
}

a {
	text-decoration: none;
}

button {
	font-family: inherit;
	font-size: inherit;
	background: none;
	border: none;
	cursor: pointer;
}

:root {
	--color-primary: #2077a5;
	--color-accent: #0058aa;
	--color-neutral-light: #f5f0e6;
	--color-neutral-mid: #e8dcc5;
	--color-neutral-dark: #3e3b36;
	--color-deep: #b5895d;
	--color-light-blue: #8bbdd9;

	--bg-main: var(--color-neutral-light);
	--text-main: var(--color-neutral-dark);

	--renk-koyu-mavi: var(--color-primary);
	--renk-kirmizi: var(--color-accent);
	--renk-acik: var(--bg-main);
	--renk-metin: var(--text-main);
	--renk-gri: #7a7368;
	--renk-gri-acik: var(--color-neutral-mid);
	--renk-beyaz: #ffffff;
	--renk-basari: #6f8f72;
	--renk-uyari: var(--color-deep);

	--yazi-ana: Calibri, 'Segoe UI', Arial, sans-serif;
	--yazi-ui: Arial, Helvetica, sans-serif;
	--yazi-mono: 'Courier New', Courier, monospace;

	--bosluk-xs: 4px;
	--bosluk-s: 8px;
	--bosluk-m: 16px;
	--bosluk-l: 24px;
	--bosluk-xl: 40px;
	--bosluk-xxl: 64px;

	--radius-s: 4px;
	--radius-m: 8px;
	--radius-l: 16px;

	--golge-s: 0 1px 3px rgba(0, 0, 0, 0.12);
	--golge-m: 0 2px 8px rgba(0, 0, 0, 0.16);
	--golge-l: 0 4px 16px rgba(0, 0, 0, 0.2);

	--genislik-max: 1140px;
	--genislik-icerik: 780px;

	/* English aliases — used in pages.css and components.css */
	--primary: var(--renk-kirmizi);
	--text:    var(--renk-metin);
	--muted:   var(--renk-gri);

	--radius-sm: 16px;
	--radius-md: 18px;
	--radius-lg: 22px;
	--radius-xl: 28px;

	--shadow-sm: 0 4px 12px rgba(15,23,42,.04);
	--shadow-md: 0 8px 25px rgba(15,23,42,.06);
	--shadow-lg: 0 10px 35px rgba(15,23,42,.06);
}

body {
	font-family: var(--yazi-ui);
	color: var(--text-main);
	background: var(--bg-main);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--yazi-ana);
	color: var(--color-primary);
	line-height: 1.3;
}

p {
	line-height: 1.7;
	margin-bottom: var(--bosluk-m);
}

a {
	color: var(--color-accent);
	transition: color 0.2s ease;
}

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

strong,
b {
	font-weight: 700;
}

main ul,
main ol,
.content ul,
.content ol,
article ul,
article ol {
	margin-left: var(--bosluk-l);
	margin-bottom: var(--bosluk-m);
}

.sr-only,
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.hidden {
	display: none !important;
}