:root {
  --c-ink:      #08131D;   /* koyu blokların zemini */
  --c-ink-rgb:  8, 19, 29; /* hero örtü katmanları; --c-ink ile birlikte değişmeli */
  --c-ink-2:    #0E1E2B;
  --c-navy:     #0B3B5D;   /* kurumsal birincil, beyaz üzerinde 11.6:1 */
  --c-steel:    #1B6795;
  --c-navy-400: #4A6E8A;   /* ikincil metin, beyaz üzerinde 5.1:1 */

  --c-mink:     #A9877E;
  --c-mink-600: #775850;   /* beyaz 6.4:1, #F2F5F7 üzerinde 5.7:1 - eyebrow AA */
  --c-sand:     #D8BFB2;
  --c-sand-2:   #EBD8CE;
  --c-sand-100: #F0E7E1;

  --c-paper:    #FFFFFF;
  --c-mist:     #F2F5F7;   /* açık kart zemini */
  --c-mist-2:   #E9EEF2;
  --c-line:     #DDE4EA;
  --c-line-control: #7E8F9C;
  --c-on-dark-fill:   rgba(255, 255, 255, 0.10);
  --c-on-dark-fill-2: rgba(255, 255, 255, 0.18);
  --c-line-dark:      rgba(255, 255, 255, 0.14);
  --c-line-dark-2:    rgba(255, 255, 255, 0.22);
  --c-line-dark-3:    rgba(255, 255, 255, 0.30);
  --c-line-dark-4:    rgba(255, 255, 255, 0.45);
  --c-line-dark-5:    rgba(255, 255, 255, 0.70);

  --c-text:       #0F1C26;
  --c-text-muted: #5A6E7E;
  --c-on-dark:        #FFFFFF;
  --c-on-dark-muted:  #A8BDCD;
  --c-on-dark-soft:   rgba(255, 255, 255, 0.86);

  --c-bg:      var(--c-paper);
  --c-surface: var(--c-paper);
  --c-focus:   var(--c-mink-600);

  --c-error:      #B3261E;
  --c-error-deep: #8C1D18;
  --c-error-line: #F3C7C2;
  --c-error-bg:   #FDECEA;
  --c-error-bg-2: #FEF7F6;
  --c-wa:         #1E7A45;
  --c-wa-bg:      #E7F6EC;

  --ring-navy:  0 0 0 3px color-mix(in srgb, var(--c-navy) 14%, transparent);
  --ring-error: 0 0 0 3px color-mix(in srgb, var(--c-error) 16%, transparent);

  --grad-egitim: linear-gradient(150deg, #0A3350 0%, #14547F 55%, #2C7BAA 100%);
  --grad-kamu:   linear-gradient(150deg, #4A382F 0%, #634B43 55%, var(--c-mink-600) 100%);
  --grad-konut:  linear-gradient(150deg, #132A38 0%, #28536E 55%, #4E86A8 100%);

  --f-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --f-body:    "Manrope", "Segoe UI", system-ui, sans-serif;

  --t-2xs:  0.75rem;                                    /* 12, en kucuk arayuz etiketi */
  --t-xs:   0.8125rem;                                  /* 13 */
  --t-sm:   0.9375rem;                                  /* 15 */
  --t-control: 1rem;                                    /* 16, iOS odak yakinlastirma esigi */
  --t-base: 1.125rem;                                   /* 18, referansla aynı */
  --t-md:   clamp(1.25rem, 0.6vw + 1.05rem, 1.5rem);    /* 20–24 */
  --t-lg:   clamp(1.5rem,  1.2vw + 1.1rem, 2rem);       /* 24–32 */
  --t-xl:   clamp(1.75rem, 1.75vw + 1.1rem, 2.25rem);   /* 28–36, bölüm başlığı */

  --t-3xl:  clamp(1.75rem, 5.2vw + 0.6rem, 2.75rem);    /* 28–44, hero; ≥900'de buyur */
  --t-ghost: clamp(5rem,   14vw, 13rem);                /* dev hayalet rakam */

  --lh-tight: 1.06;   /* hero baslik */
  --lh-snug:  1.14;   /* baslik ve kart basligi */
  --lh-ui:    1.4;    /* tek satirlik etiket */
  --lh-body:  1.56;   /* govde */

  --ls-display: -0.02em;
  --ls-title:   -0.01em;
  --ls-label:    0.04em;
  --ls-caps:     0.05em;

  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  /* Bölüm dikey boşluğu, referansta 120px */
  --section-y: clamp(4rem, 8vw, 7.5rem);

  --w-container: 1480px;
  --w-text:      66ch;
  --gutter:      clamp(1rem, 3vw, 2.25rem);
  --inset:       var(--s-4);                   /* koyu blokların kenar payı = çerez kartı */

  --r-block: 28px;   /* büyük koyu bloklar */
  --r-hero:  36px;   /* hero/banner; okunurluk katmanı da bunu kullanır */
  --r-card:  22px;   /* kartlar */
  --r-sm:    14px;   /* küçük kutular */
  --r-xs:     8px;   /* girdi içi küçük öğeler */
  --r-pill:  999px;  /* düğmeler, etiketler */

  --shadow-1: 0 1px 2px rgba(var(--c-ink-rgb), 0.05);
  --shadow-2: 0 14px 38px rgba(var(--c-ink-rgb), 0.14);
  --shadow-3: 0 22px 56px rgba(var(--c-ink-rgb), 0.22);

  --ease:        cubic-bezier(0.22, 0.61, 0.24, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft:   cubic-bezier(0.16, 0.84, 0.32, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);

  --dur-fast:  180ms;
  --dur:       300ms;
  --dur-move:  420ms;
  --dur-enter: 520ms;
  --dur-slow:  640ms;
  --dur-drift: 760ms;

  --header-h: 128px;
  --header-stuck: 78px;

  --scrim-top: 0.56;

  --z-header: 500;
  --z-menu:   900;
  --z-top:   1200;   /* sayfa gecis cubugu, her seyin ustu */
}