/* ==========================================================================
   CIMPOR Dijitalleşme — Design Tokens
   Renk değerleri sitenin kendi CSS'inden alınmıştır (site.css / navbar.css).
   ========================================================================== */

:root {
  /* --- Marka renkleri --- */
  --cim-navy-950: #051232;
  --cim-navy-800: #0A2145;
  --cim-navy-700: #002D62;   /* birincil marka */
  --cim-navy-600: #1A3A5C;
  --cim-blue-500: #0A7ABF;   /* beyaz zeminde aksan/link (4.6:1) */
  --cim-blue-300: #7FC4E8;   /* koyu zeminde ikincil vurgu */
  --cim-green-500: #72B845;  /* marka yeşili — koyu zeminde metin (5.6:1), açıkta yalnız dekor */
  --cim-green-600: #588F35;
  --cim-ink: #10233F;
  --cim-ink-soft: #3D5170;   /* beyaz üstünde 7.4:1 */
  --cim-mist: #EEF3F8;       /* lacivert tonlu açık zemin */
  --cim-white: #FFFFFF;

  /* Koyu zemin üzeri metin */
  --cim-on-dark: rgba(255, 255, 255, 0.92);
  --cim-on-dark-soft: rgba(255, 255, 255, 0.72);

  /* Hairline / çizgi */
  --cim-rule: rgba(0, 45, 98, 0.16);
  --cim-rule-dark: rgba(255, 255, 255, 0.18);

  /* --- Tipografi --- */
  --font-sans: "RisingSun", "Helvetica Neue", Arial, sans-serif;
  --fs-display: clamp(2.7rem, 6.4vw, 4.4rem);
  --fs-h2: clamp(1.8rem, 3.6vw, 2.55rem);
  --fs-h3: clamp(1.18rem, 2vw, 1.4rem);
  --fs-lede: clamp(1.08rem, 1.7vw, 1.32rem);
  --fs-body: 1.0625rem;      /* 17px */
  --fs-small: 0.9rem;
  --fs-stat: clamp(2rem, 4.4vw, 3.1rem);
  --lh-body: 1.65;
  --lh-heading: 1.12;

  /* --- Boşluk & ritim --- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.25rem;
  --sp-5: 3.5rem;
  --section-pad: clamp(4rem, 9vw, 7.5rem);
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* --- Şekil & derinlik --- */
  --radius-s: 4px;
  --radius-m: 10px;
  --shadow-nav: 0 2px 24px rgba(5, 18, 50, 0.35);

  /* --- Hareket --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* ease-out-quint */
  --dur-reveal: 640ms;
  --dur-micro: 200ms;

  /* --- Z ölçeği --- */
  --z-nav: 100;
  --z-mobile-menu: 150;
  --z-skip: 200;
}
