/* KORGU — tasarım değişkenleri (design tokens)
 * Tasarım ve geliştirme: Mini Bilişim
 * ============================================================================
 * Sitedeki TÜM renk, tipografi ve ölçü değerleri bu dosyada tanımlanır.
 * Yeni sayfa/bileşen eklerken sabit değer yazmayın; buradaki değişkeni çağırın.
 * Böylece ileride kurumsal kimlik güncellenirse tek dosya değişir.
 *
 * Kaynak: "202607-Korgu-KK" kurumsal kimlik kılavuzu.
 * ============================================================================ */

:root {

  /* --- kurumsal palet (kılavuz s.9-10) ------------------------------------ */
  --korgu-cyan:      #00d4ff;   /* ana renk   */
  --korgu-blue:      #0037ff;   /* ana renk   */
  --korgu-blue-deep: #0032a0;   /* ana renk   */
  --korgu-blue-soft: #007bff;   /* yardımcı   */
  --korgu-navy:      #002054;   /* degrade    */

  /* --- yüzeyler ------------------------------------------------------------ */
  --surface-0:    #04070d;                    /* sayfa zemini            */
  --surface-1:    #070c17;                    /* yükseltilmiş zemin      */
  --surface-card: rgba(6, 11, 20, .72);       /* cam kart (blur ile)     */
  --line:         rgba(120, 170, 220, .14);   /* ince ayraç              */
  --line-accent:  rgba(0, 212, 255, .32);     /* vurgulu kenarlık        */

  /* --- metin --------------------------------------------------------------- */
  --ink:           #eaf3ff;   /* birincil    */
  --ink-dim:       #8fa3bd;   /* ikincil     */
  --ink-faint:     #5a6d87;   /* üçüncül     */
  --ink-on-accent: #02121b;   /* cyan zemin üzerinde */

  /* --- tipografi (kılavuz s.11: birincil yazı tipi Montserrat) ------------- */
  --font-sans: "Montserrat", "Segoe UI Variable Text", "Segoe UI",
               system-ui, -apple-system, sans-serif;

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-black:   900;

  /* akışkan tip ölçeği — küçük ekranda küçülür, büyükte sınırlanır */
  --text-xs: .72rem;
  --text-sm: .82rem;
  --text-md: clamp(.94rem, .9rem + .2vw, 1.06rem);
  --text-lg: clamp(1.08rem, .98rem + .45vw, 1.32rem);
  --text-xl: clamp(1.35rem, 1.15rem + .95vw, 1.85rem);
  --text-2xl: clamp(1.95rem, 1.5rem + 2.1vw, 3.05rem);

  --tracking-wide: .16em;   /* etiket / rozet */
  --tracking-tight: -.02em; /* başlık         */

  /* --- ölçü ---------------------------------------------------------------- */
  --container: 1180px;
  --gutter: clamp(1.15rem, 4vw, 1.75rem);
  --block-gap: clamp(1.25rem, 3vh, 2.25rem);

  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* --- katman sırası ------------------------------------------------------- */
  --z-scene:    0;   /* canvas          */
  --z-vignette: 1;   /* okunabilirlik   */
  --z-grain:    2;   /* doku            */
  --z-content:  3;   /* sayfa içeriği   */
  --z-overlay: 50;   /* açılır katmanlar */

  /* --- degradeler ---------------------------------------------------------- */
  --gradient-brand: linear-gradient(100deg,
    var(--korgu-cyan) 0%, var(--korgu-blue-soft) 48%, var(--korgu-blue) 100%);
  --gradient-deep: linear-gradient(160deg,
    var(--korgu-navy) 0%, var(--surface-0) 70%);

  /* --- gölge / hareket ------------------------------------------------------ */
  --shadow-accent: 0 8px 28px -8px rgba(0, 160, 255, .65);
  --shadow-accent-hover: 0 14px 36px -10px rgba(0, 190, 255, .8);
  --ease: cubic-bezier(.4, 0, .2, 1);
  --duration: .22s;
}