/* ============================================================
   SIMGETEK — Tasarim token'lari
   Figma 'Son Hali' sayfasindan otomatik uretildi.
   Elle duzenlemeyin — kaynak: tools/extract_tokens.py
   ============================================================ */

:root {
  /* --- Marka renkleri (Figma FILL style adlari) --- */
  --color-simgetek-c1: #9BCBEB;
  --color-simgetek-c2: #041E42;
  --color-simgetek-c3: #00AEEF;
  --color-simgetek-c4: #0033A0;
  --color-simgetek-c5: #2D2926;
  --color-simgetek-c6: #666666;

  /* --- Anlamsal takma adlar --- */
  --color-navy: #041E42;
  --color-navy-ink: #041E42;
  --color-blue: #0033A0;
  --color-cyan: #00AEEF;
  --color-sky: #9BCBEB;
  --color-graphite: #2D2926;
  --color-gray: #666666;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F0F0F0;
  --color-border: #E0E7F1;
  --color-text: #041E42;
  --color-text-muted: #666666;
  --color-text-invert: #FFFFFF;

  /* --- Gradyanlar --- */
  --gradient-s-1: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(155, 203, 235, 1) 18%, rgba(155, 203, 235, 1) 84%, rgba(255, 255, 255, 1) 100%);
  --gradient-background: linear-gradient(180deg, rgba(0, 51, 160, 1) 6%, rgba(0, 174, 239, 1) 79%);
  --gradient-tarih: linear-gradient(180deg, rgba(102, 102, 102, 1) 0%, rgba(255, 255, 255, 1) 100%);
  --gradient-tarih-ust: linear-gradient(359deg, rgba(102, 102, 102, 1) 0%, rgba(255, 255, 255, 1) 100%);

  /* --- Tipografi aileleri --- */
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-alt: "Albert Sans", var(--font-sans);
  --font-ui: "Inter", var(--font-sans);

  /* --- Metin stilleri (Figma TEXT style adlari) --- */
  /*     her stil icin: -size / -lh / -weight            */
  --text-body-l-size: 18px;
  --text-body-l-lh: 28px;
  --text-body-l-weight: 400;
  --text-body-m-size: 16px;
  --text-body-m-lh: 19.5px;
  --text-body-m-weight: 400;
  --text-body-text-size: 20px;
  --text-body-text-lh: 32px;
  --text-body-text-weight: 500;
  --text-body-text-family: "Albert Sans", var(--font-sans);
  --text-buton-mobil-size: 14px;
  --text-buton-mobil-lh: 17.07px;
  --text-buton-mobil-weight: 600;
  --text-footer-size: 14px;
  --text-footer-lh: 17.07px;
  --text-footer-weight: 500;
  --text-footer-menu-size: 14px;
  --text-footer-menu-lh: 17.07px;
  --text-footer-menu-weight: 400;
  --text-heading-2-size: 36px;
  --text-heading-2-lh: 43.88px;
  --text-heading-2-weight: 600;
  --text-heading-3-size: 32px;
  --text-heading-3-lh: 39.01px;
  --text-heading-3-weight: 600;
  --text-heading-4-size: 24px;
  --text-heading-4-lh: 29.26px;
  --text-heading-4-weight: 500;
  --text-heading-5-size: 20px;
  --text-heading-5-lh: 24.38px;
  --text-heading-5-weight: 500;
  --text-heading-6-size: 20px;
  --text-heading-6-lh: 24.38px;
  --text-heading-6-weight: 600;
  --text-k-button-size: 18px;
  --text-k-button-lh: 21.94px;
  --text-k-button-weight: 500;
  --text-m-govde-size: 16px;
  --text-m-govde-lh: 19.5px;
  --text-m-govde-weight: 400;
  --text-m-h2-size: 18px;
  --text-m-h2-lh: 21.94px;
  --text-m-h2-weight: 600;
  --text-m-h3-size: 16px;
  --text-m-h3-lh: 19.5px;
  --text-m-h3-weight: 500;
  --text-m-metin-size: 14px;
  --text-m-metin-lh: 20px;
  --text-m-metin-weight: 400;
  --text-m-ygovde-size: 12px;
  --text-m-ygovde-lh: 14.63px;
  --text-m-ygovde-weight: 400;
  --text-menu-takip-size: 12px;
  --text-menu-takip-lh: 14.63px;
  --text-menu-takip-weight: 500;
  --text-tab-menu-size: 14px;
  --text-tab-menu-lh: 17.07px;
  --text-tab-menu-weight: 500;
  --text-button-l-size: 16px;
  --text-button-l-lh: 19.5px;
  --text-button-l-weight: 600;
  --text-text-web-size: 16px;
  --text-text-web-lh: 28.8px;
  --text-text-web-weight: 400;

  /* --- Kose yariciplari (kullanim sikligina gore) --- */
  --radius-sm: 4px;  /* 50 kullanim */
  --radius-md: 8px;  /* 194 kullanim */
  --radius-lg: 16px;  /* 16 kullanim */
  --radius-pill: 68px;  /* 38 kullanim */
  --radius-full: 9999px;

  /* --- Golgeler --- */
  --shadow-md: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);  /* 253 kullanim */
  --shadow-lg: 0px 8px 7.7px 0px rgba(3, 25, 56, 0.1);  /* 4 kullanim */
  --shadow-sm: 0px 4px 1.6px 0px rgba(0, 0, 0, 0.25);  /* 2 kullanim */

  /* --- Layout --- */
  --page-max: 1440px;      /* tasarim genisligi */
  --container: 1248px;     /* 1440 - 96*2 */
  --page-pad: 96px;        /* desktop sayfa kenar bosluğu */
  --page-pad-mobile: 16px;
  --header-h: 64px;

  /* --- Aralik olcegi (Figma'daki ham gap degerleri normalize edildi) --- */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-104: 104px;

  /* --- Gecisler --- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 150ms;
  --dur: 240ms;
  --dur-slow: 400ms;
}