@font-face { font-family: 'Lufga'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/lufga/lufga-400.woff2) format('woff2'); }
@font-face { font-family: 'Lufga'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/lufga/lufga-500.woff2) format('woff2'); }
@font-face { font-family: 'Lufga'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/lufga/lufga-600.woff2) format('woff2'); }
@font-face { font-family: 'Lufga'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(/fonts/lufga/lufga-700.woff2) format('woff2'); }

:root {
  --mavi-50: #EAF2FB;
  --mavi-100: #D3E3F5;
  --mavi-200: #ADC9EA;
  --mavi-300: #86AEDD;
  --mavi-400: #4F8BCB;
  --mavi-500: #1F6DB8;
  --mavi-600: #0054A6;
  --mavi-700: #00458A;
  --mavi-800: #1E3A66;
  --mavi-900: #0A2A52;
  --mavi-950: #071D3A;
  --lacivert-900: #0F2747;
  --lacivert-800: #1E3A66;
  --lacivert-700: #294B7C;
  --lacivert-600: #35598C;
  --camgobegi-50: #EEF6FD;
  --camgobegi-100: #D6EAFA;
  --camgobegi-200: #B3D8F5;
  --camgobegi-300: #91C9F3;
  --camgobegi-400: #6DB5EC;
  --camgobegi-500: #4198DA;
  --camgobegi-600: #227BBE;
  --camgobegi-700: #1A65A0;
  --camgobegi-800: #145287;
  --camgobegi-900: #0F3F69;
  --gri-25: #F8FAFC;
  --gri-50: #F1F5F9;
  --gri-100: #E9EEF4;
  --gri-200: #E2E8F0;
  --gri-300: #CBD5E1;
  --gri-400: #94A3B8;
  --gri-500: #64748B;
  --gri-600: #536176;
  --gri-700: #475569;
  --gri-800: #334155;
  --gri-900: #1E293B;
  --koyu-kenarlik: rgba(173, 201, 234, 0.18);
  --koyu-kenarlik-guclu: rgba(173, 201, 234, 0.45);
  --koyu-cizgi: rgba(134, 174, 221, 0.18);
  --durum-secili: #0054A6;
  --durum-secili-zemin: #0054A6;
  --durum-secili-kenarlik: #1E3A66;
  --font-baslik: "Lufga", "Segoe UI", Arial, sans-serif;
  --font-govde: "Lufga", "Segoe UI", Arial, sans-serif;
  --fw-ekstra: 700;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 18px;
  --golge-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --golge-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.05);
  --golge-md: 0 4px 16px rgba(15, 23, 42, 0.10);
  --golge-lg: 0 12px 28px -6px rgba(20, 48, 84, 0.16), 0 4px 8px -4px rgba(20, 48, 84, 0.08);
  --golge-xl: 0 24px 48px -12px rgba(10, 42, 82, 0.28);
  --golge-ajanda: 0 30px 60px -20px rgba(10, 29, 58, 0.45), 0 12px 24px -12px rgba(10, 29, 58, 0.30);
  --golge-ic: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.hero__maket, .ks-sayfa {
  --mavi-50: #EEF5FC;
  --mavi-100: #D6E6F7;
  --mavi-200: #ADCCEE;
  --mavi-300: #7DADE2;
  --mavi-400: #4A88D0;
  --mavi-500: #1A66B8;
  --mavi-600: #004D9D;
  --mavi-700: #003F82;
  --mavi-800: #003268;
  --mavi-900: #00264F;
  --mavi-950: #001834;
  --renk-ana: var(--mavi-600);
  --renk-ana-hover: var(--mavi-700);
  --renk-ana-aktif: var(--mavi-800);
  --renk-ana-acik: var(--mavi-50);
  --lacivert-900: #071A33;
  --lacivert-800: #0A2A52;
  --lacivert-700: #0F3566;
  --lacivert-600: #17457F;
  --camgobegi-50: #E6F8FA;
  --camgobegi-100: #C2EEF2;
  --camgobegi-200: #8FDFE6;
  --camgobegi-300: #5CD1DB;
  --camgobegi-400: #2EC4D0;
  --camgobegi-500: #13A6B3;
  --camgobegi-600: #008894;
  --camgobegi-700: #00727C;
  --camgobegi-800: #00636C;
  --camgobegi-900: #004A51;
  --renk-aksan: var(--camgobegi-700);
  --renk-aksan-hover: var(--camgobegi-800);
  --renk-aksan-koyu-zemin: var(--camgobegi-400);
  --gri-25: #F7F9FC;
  --gri-50: #F1F3F5;
  --gri-100: #E7EBF0;
  --gri-200: #DDE3EA;
  --gri-300: #C3C9D1;
  --gri-400: #8A94A3;
  --gri-500: #6B7685;
  --gri-600: #5B6472;
  --gri-700: #4A5568;
  --gri-800: #2D3748;
  --gri-900: #16202E;
  --zemin: var(--gri-25);
  --zemin-alt: var(--mavi-50);
  --yuzey-vurgulu: var(--mavi-50);
  --kenarlik: var(--gri-200);
  --kenarlik-guclu: var(--gri-500);
  --kenarlik-ana: var(--mavi-600);
  --metin: var(--gri-900);
  --metin-ikincil: var(--gri-700);
  --metin-soluk: var(--gri-600);
  --metin-baslik: var(--mavi-900);
  --metin-link: var(--mavi-600);
  --metin-link-hover: var(--mavi-800);
  --odak-golge: 0 0 0 3px var(--gri-0), 0 0 0 5px var(--mavi-600);
  --odak-golge-koyu: 0 0 0 3px var(--lacivert-900), 0 0 0 5px var(--camgobegi-400);
  --bilgi: var(--mavi-600);
  --koyu-zemin: var(--lacivert-900);
  --koyu-yuzey: var(--lacivert-800);
  --koyu-yuzey-2: var(--lacivert-700);
  --koyu-kenarlik: rgba(173, 204, 238, 0.18);
  --koyu-kenarlik-guclu: rgba(173, 204, 238, 0.45);
  --koyu-metin-ikincil: var(--mavi-200);
  --koyu-metin-soluk: var(--mavi-300);
  --koyu-vurgu: var(--camgobegi-400);
  --koyu-cizgi: rgba(125, 173, 226, 0.22);
  --koyu-gradyan: linear-gradient(160deg, var(--lacivert-900) 0%, var(--mavi-900) 55%, var(--mavi-800) 100%);
  --durum-secili: #004D9D;
  --durum-secili-zemin: #004D9D;
  --durum-secili-kenarlik: #003268;
  --durum-secili-halka: 0 0 0 3px var(--camgobegi-400);
  --hamur: var(--gri-25);
  --golge-kagit: var(--golge-md);
  --font-baslik: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-govde: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-ekstra: 800;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --golge-xs: 0 1px 2px rgba(0, 38, 79, 0.06);
  --golge-sm: 0 1px 3px rgba(0, 38, 79, 0.08), 0 1px 2px rgba(0, 38, 79, 0.04);
  --golge-md: 0 4px 12px -2px rgba(0, 38, 79, 0.10), 0 2px 4px -2px rgba(0, 38, 79, 0.06);
  --golge-lg: 0 12px 28px -6px rgba(0, 38, 79, 0.16), 0 4px 8px -4px rgba(0, 38, 79, 0.08);
  --golge-xl: 0 24px 48px -12px rgba(0, 24, 52, 0.28);
  --golge-ajanda: 0 30px 60px -20px rgba(0, 24, 52, 0.45), 0 12px 24px -12px rgba(0, 24, 52, 0.30);
  --golge-ic: inset 0 1px 2px rgba(0, 38, 79, 0.08);
  color: var(--koyu-vurgu);
  font-family: var(--font-govde);
}