:root {
	--color-graphite: #153D5E;
	--color-charcoal: #1B4F7A;
	--color-ivory: #F0F6FB;
	--color-stone: #D4DCE4;
	--color-gold: #3482C5;
	--color-bronze: #2A6BA3;
	--color-white: #FFFFFF;
	--color-text: #3A3A3A;
	--color-muted: #7A7A7A;
	--color-heading: #1B4F7A;
	--color-border: #D4DCE4;

	/* Independent surface tokens. Change one without affecting the others. */
	--color-page-background: #FFFFFF;
	--color-content-background: #FFFFFF;
	--color-title-bar-background: #050810;
	--color-card-background: #FFFFFF;
	--color-section-soft-background: #F0F6FB;
	--color-section-dark-background: #153D5E;
	--color-form-background: #FFFFFF;
	--color-header-background: #FFFFFF;
	--color-footer-background: #050810;
	--color-breadcrumb-text: #B8C9DC;
	--color-breadcrumb-link: #5BA0D9;

	/* Shared dark surface — sol mavi, sağa doğru koyulaşan geçiş */
	--da-surface-gradient-start: #1B4F7A;
	--da-surface-gradient-mid: #0E1A28;
	--da-surface-gradient-end: #050810;
	--da-surface-gradient-glow: rgba(52, 130, 197, 0.14);
	--da-surface-gradient-border: rgba(52, 130, 197, 0.22);
	/* Geniş şeritler: solda mavi, sağda daha koyu ton */
	--da-surface-gradient:
		radial-gradient(120% 140% at 100% 0%, var(--da-surface-gradient-glow) 0%, transparent 55%),
		linear-gradient(
			90deg,
			var(--da-surface-gradient-start) 0%,
			var(--da-surface-gradient-start) 16%,
			var(--da-surface-gradient-mid) 46%,
			#070B12 72%,
			var(--da-surface-gradient-end) 100%
		);
	/* Kart / CTA: çapraz mavi → siyah */
	--da-surface-gradient-card:
		radial-gradient(120% 140% at 100% 0%, var(--da-surface-gradient-glow) 0%, transparent 55%),
		linear-gradient(145deg, var(--da-surface-gradient-start) 0%, var(--da-surface-gradient-mid) 42%, var(--da-surface-gradient-end) 100%);
	--title-bar-border-color: var(--color-border);
	--title-bar-border-width: 1px;

	--da-title-rule-w: 2px;
	--da-title-rule-gap: 0.85rem;
	--da-title-rule-color: #3482C5;

	--font-family: "Poppins", system-ui, sans-serif;
	--font-heading: var(--font-family);
	--type-base-size: 100%;
	--line-height-base: 1.6;
	--type-heading-weight: 600;
	--color-link: var(--color-bronze);
	--container-width: 1200px;
	--section-space: clamp(3rem, 6vw, 5rem);
	--radius: 6px;
	--shadow: 0 12px 40px rgba(21, 61, 94, 0.08);
	--da-header-offset: 0px;
	--z-header: 1000;
	--z-dropdown: 1010;
	--z-mobile-nav: 1020;
	--z-hero-controls: 20;
	--header-height: 80px;
	--logo-max-width: 235px;
	--logo-max-height: 64px;
	--btn-primary-bg: var(--color-gold);
	--btn-primary-text: var(--color-white);
	--btn-primary-hover-bg: var(--color-bronze);
	--btn-primary-hover-text: var(--color-white);
	--btn-secondary-border: var(--color-border);
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}