/* ==========================================================================
   tokens.css — netarami · AÇIK tema · palet qoder.com'dan ölçüldü
   Kaynak: g.alicdn.com/Qoder/qoder-web/0.0.326/_next/static/css/*.css
   (.neta/qoder/q1..q8.css). qoder'ın AÇIK tema değerleri alındı; koyu
   tema değerleri (bg #121212, accent #6ad86c) bilinçli olarak kullanılmadı.
   Karar: admin, 29.10.2026 · tema açık kalır, renk + font qoder'dan gelir.
   ========================================================================== */

/* ---------- Montserrat (başlık fontu, self-host, OFL) ----------
   Admin seçimi 29.10.2026: başlık Montserrat, gövde Inter. Google Fonts v4
   alt kümeleri. Türkçe için latin (ı U+0131) + latin-ext (ğ U+011F, ş
   U+015F, İ U+0130) birlikte gerekir. Değişken ağırlık 400-800. --------- */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Inter (gövde fontu, self-host, OFL) ----------
   Yüksek x-height, ekran için tasarlanmış nötr gövde. 400-700. -------- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  /* --- Yüzeyler: qoder açık tema (bg-layout / bg-container / bg-base) --- */
  --bg: #f2f4f2;            /* --ant-color-bg-layout (açık) */
  --bg-deep: #e3e3e3;       /* --ant-color-fill-secondary (açık) */
  --card: #ffffff;          /* --ant-color-bg-base (açık) */
  --card-01: #f9f9f9;       /* --ant-color-bg-elevated (açık) */
  --card-02: #f3f3f3;       /* --ant-color-bg-container (açık) */
  --card-03: #e6e6e6;       /* --ant-color-border-tertiary */
  --card-04: #dfdfdf;       /* --ant-color-fill */
  --ink-panel: #171716;     /* qoder koyu bg-container — kod/demo panelleri */

  /* --- Metin: qoder açık tema (text-base #0F0D0C, text-secondary #636261) ---
     Düz renk kullanılıyor: alfa'lı metin zemine göre 4.5:1'in altına düşüyordu. */
  --fg: #0f0d0c;
  --fg-02: #3c3a37;
  --fg-sec: #4d4b48;
  --fg-ter: #5f5d5a;        /* 5.9:1 — küçük metin hâlâ erişilebilir */
  --fg-quiet: #8e8c8b;      /* yalnız dekoratif, metin değil */
  --fg-on-ink: #f5f5f4;
  --fg-on-ink-sec: #c3c2c0;

  /* --- Vurgu: qoder yeşili ---
     qoder primary-btn #3D8C66 beyaz yazıyla 4.08:1 (15px'te yetersiz),
     bu yüzden metin/buton zemini için #2c7353 türetildi (5.1:1). */
  --accent: #3d8c66;          /* dekoratif çizgi, imleç, illüstrasyon */
  --accent-strong: #2c7353;   /* buton zemini + bağlantı metni (erişilebilir) */
  --accent-hover: #245e44;
  --accent-soft: rgba(61, 140, 102, 0.10);
  --accent-tint: #eaf7e7;     /* --ant-color-primary-bg (açık) */
  --ansi-red: #b3274a;
  --ansi-green: #2c7353;
  --fg-on-accent: #ffffff;    /* --accent-strong üzerinde beyaz yazı = 5.72:1 */

  /* --- Kod/demo panelleri (koyu zemin --ink-panel) ---
     qoder'ın KOYU tema değerleri: yalnız koyu panel içinde kullanılır. */
  --code-key: #e1a974;        /* --ant-color-orange-hover (koyu) */
  --code-fn: #77c4d6;         /* --ant-color-blue (koyu) */
  --code-str: #abd1cd;        /* --ant-color-sea */
  --code-add: #87d578;        /* --ant-color-link (koyu) */
  --code-ok: #87d578;

  /* --- Çizgiler: qoder border ailesi --- */
  --line: #dddddd;            /* --ant-color-border-secondary */
  --line-strong: #bcbbba;     /* --ant-color-border */
  --line-on-ink: rgba(245, 245, 244, 0.16);

  /* --- Yarıçap ölçeği (qoder: --radius-border-radius-sm:6px / -lg:12px) --- */
  --r-2xs: 2px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 12px;
  --r-2xl: 16px;
  --r-3xl: 24px;
  --r-full: 999px;

  /* --- 4/8 tabanlı boşluk ölçeği --- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* --- Tipografi: başlık Montserrat, gövde Inter (admin seçimi 29.10.2026) ---
     Kod için --ant-font-family-code eşdeğeri mono yığını kullanılıyor. */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Montserrat", "Inter", ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --font-serif: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", Georgia,
    Cambria, "Times New Roman", serif;

  /* 1.25 çarpanlı ölçek — 16px taban */
  --t-xs: 0.75rem;      /* 12 */
  --t-sm: 0.8125rem;    /* 13 */
  --t-base: 0.9375rem;  /* 15 */
  --t-md: 1rem;         /* 16 */
  --t-lg: 1.1875rem;    /* 19 */
  --t-xl: 1.5rem;       /* 24 */
  --t-2xl: 1.875rem;    /* 30 */
  --t-3xl: 2.375rem;    /* 38 */
  --t-4xl: 3rem;        /* 48 */
  --t-5xl: 3.75rem;     /* 60 */
  --t-6xl: 4.5rem;      /* 72 */

  /* Display ölçeği — Montserrat başlıklar. Montserrat geniş ve iri göründüğü
     için üst sınır bir kademe düşürüldü; 700 ağırlık + -0.02em izleme ile
     başlık karakteri korunuyor. */
  --t-display: clamp(2.125rem, 3.9vw, 3.25rem);  /* 34 → 52 (hero başlığı bir kademe küçültüldü, 29.10.2026) */
  --t-title: clamp(1.6875rem, 3vw, 2.4375rem);  /* 27 → 39 */

  /* --- Gölge: hafif, nötr (kalın çerçeve yok) --- */
  --shadow-sm: 0 1px 2px rgba(15, 13, 12, 0.05);
  --shadow-md: 0 6px 20px rgba(15, 13, 12, 0.07);
  --shadow-lg: 0 18px 48px rgba(15, 13, 12, 0.10);

  /* --- Hareket --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);      /* mikro geçiş: renk, kenarlık */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* giriş: hızlı başlar, yumuşak oturur */
  --ease-soft: cubic-bezier(0.33, 0, 0.2, 1);      /* iki yönlü: panel/menü aç-kapa */
  --dur: var(--dur-2);   /* eski ad; ölçeğin 2. kademesine bağlandı */
  --dur-slow: 620ms;

  /* Süre ölçeği — tüm geçişler buradan beslenir (elle yazılmış ms kalmaz).
     1: ikon/renk mikro · 2: buton, link hover · 3: kart, panel başlığı ·
     4: büyük yüzey, modal · panel: açılır menü/panel yüksekliği */
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 240ms;
  --dur-4: 320ms;
  --dur-panel: 260ms;

  /* --- Düzen: qoder --container-max-width 1440px, --site-header-height 64px --- */
  --wrap: 1760px;      /* sağ-sol boşluk daha da azaltıldı (1520 → 1760, admin 30.10.2026) */
  --wrap-narrow: 840px;
  --nav-h: 64px;
}