/* Self-hosted fonts — Google CDN dependency removed (GDPR + perf).
   Inter Variable: single file, all weights 100-900 (~338 KB, cache 1 year).
   JetBrains Mono: two static weights (Regular + Medium), matches mono use in header/badges. */
@font-face{
  font-family: 'Inter Variable';
  src: url('../fonts/InterVariable.woff2') format('woff2-variations'),
       url('../fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Caveat Bold, used only for the brand signature wordmark in the header. */
@font-face{
  font-family: 'Caveat';
  src: url('../fonts/Caveat-Bold-latin.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: 'Caveat';
  src: url('../fonts/Caveat-Bold-latin-ext.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   DESIGN SYSTEM — Bedirhan Çakıroğlu Portfolio
   v2.0

   Yön: Braun / Dieter Rams fonksiyonel minimalizmi + İsviçre tipografi
   geleneği + mühendislik hassasiyeti. Tam gri tonlama iskeleti üzerine
   tek bir "sinyal" rengi (Braun kırmızısı geleneği). Süs yok, gölge yok,
   gradient yok — her öğe bir işlevi karşılamak zorunda.
   ========================================================================== */

:root{
  /* ---------- Renk: gri tonlama iskeleti ---------- */
  --paper:      #FFFFFF;   /* zemin — tam beyaz, beyaz arkaplanlı görsellerle dikişsiz birleşsin */
  --surface:    #FFFFFF;   /* kart / panel */
  --ink-900:    #111214;   /* birincil metin, başlıklar */
  --ink-700:    #3A3D42;   /* gövde metni */
  --ink-500:    #6B6F76;   /* ikincil metin */
  --ink-300:    #A6A9AE;   /* devre dışı / çok düşük vurgu */
  --line-100:   #ECEBE8;   /* saç çizgisi ayraç */
  --line-300:   #DAD8D3;   /* güçlü ayraç, kenarlık */

  /* ---------- Renk: sinyal (Braun kırmızısı — sadece işlevsel kullanım) --- */
  --signal:      #C1401F;
  --signal-soft: #FBEDE9;

  /* ---------- Tipografi ---------- */
  --font-sans: 'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-signature: 'Caveat', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, cursive;

  /* Tip ölçeği — elle ayarlanmış, 1.333 civarı oran */
  --fs-100: 0.6875rem;  /* 11px — mikro etiket */
  --fs-200: 0.8125rem;  /* 13px — açıklama */
  --fs-300: 0.9375rem;  /* 15px — küçük gövde */
  --fs-400: 1.0625rem;  /* 17px — gövde */
  --fs-500: 1.375rem;   /* 22px — alt başlık */
  --fs-600: 1.75rem;    /* 28px — h3 */
  --fs-700: 2.375rem;   /* 38px — h2 */
  --fs-800: 3.25rem;    /* 52px — h1 (masaüstü) */
  --fs-900: 4.5rem;     /* 72px — hero (masaüstü) */

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-body:  1.6;

  /* ---------- Boşluk — 8px temel ritim ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px; --sp-9: 128px;

  /* ---------- Grid ---------- */
  --col-max: 1320px;
  --col-max-narrow: 760px;  /* case study okuma genişliği */
  --edge: 32px;             /* sayfa kenar boşluğu, mobilde daralır */

  /* ---------- Hareket ---------- */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 360ms;

  /* ---------- Kenar / çizgi ---------- */
  --radius: 2px; /* neredeyse sıfır — "yazılım" değil "alet" hissi */
}

@media (max-width: 640px){
  :root{
    --edge: 20px;
    --fs-800: 2.5rem;
    --fs-900: 2.75rem;
    --fs-700: 1.875rem;
  }
}

/* ==========================================================================
   Dark tema — sıcak (warm-neutral) yönde ayarlanmış, düz invert değil.
   Zemin siyahı hafif kahverengi kırıntı taşır (kağıdın "kızıl beyaz"
   karşıtı olarak), sinyal kırmızısı biraz açılır çünkü koyu zeminde
   #C1401F artık matlaşıyor. #nihai bloğu her iki temada da koyu kalır —
   final vaka görselini vurgulayan siyah panel, tema flip'inde bozulmasın.
   ========================================================================== */
:root{
  --nihai-bg: #0A0906;   /* stabil, tema-bağımsız — sadece #nihai kullanır */
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:      #100F0D;
    --surface:    #171612;
    --ink-900:    #F1EDE4;
    --ink-700:    #C8C4B8;
    --ink-500:    #8E8B82;
    --ink-300:    #56534D;
    --line-100:   #24221E;
    --line-300:   #363330;
    --signal:      #E5654A;
    --signal-soft: #2B1A14;
  }
}
:root[data-theme="dark"]{
  --paper:      #100F0D;
  --surface:    #171612;
  --ink-900:    #F1EDE4;
  --ink-700:    #C8C4B8;
  --ink-500:    #8E8B82;
  --ink-300:    #56534D;
  --line-100:   #24221E;
  --line-300:   #363330;
  --signal:      #E5654A;
  --signal-soft: #2B1A14;
}