/* Tasarım belirteçleri, Konsept B (Kinetik 3D / mekanizma). Marka (renk/yazı tipi/hareket) yalnız burada değişir.
   Yazı tipleri yerelden: Clash Display + Satoshi (Fontshare, ITF FFL: ticari kullanım ücretsiz), JetBrains Mono (OFL). Lisanslar frontend/fonts/. */
@font-face { font-family: "Clash Display"; src: url("/fonts/ClashDisplay-Variable.woff2") format("woff2"); font-weight: 200 700; font-display: swap; }
@font-face { font-family: "Clash Static"; src: url("/fonts/ClashDisplay-Semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; } /* çizgili (stroke) yazı için: değişken yazı tipinde örtüşen konturlar çizgide görünür */
@font-face { font-family: "Clash Static"; src: url("/fonts/ClashDisplay-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("/fonts/Satoshi-Variable.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-ext-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-ext-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  /* palet: derin siyah zemin, sıcak kırık beyaz, kırmızı yalnız tetik anlarında */
  --murekkep: #060606;       /* zemin */
  --murekkep-2: #0e0e0f;     /* yükseltilmiş yüzey */
  --kagit: #ecEAE4;          /* ana metin (sıcak kırık beyaz) */
  --kirmizi: #e5372c;        /* marka kırmızısı: yalnız tetik anı, çizgi, düğme */
  --kirmizi-koyu: #ff6a5c;   /* siyahta küçük kırmızı yazı (AA) */
  --gri-koyu: #9b9890;       /* ikincil metin (siyahta ≥ 6:1) */
  --cizgi: rgba(236, 234, 228, .14);
  --cizgi-guclu: rgba(236, 234, 228, .32);
  --beyaz: #ffffff;
  --cam: rgba(14, 14, 15, .66);

  --gosterim: "Clash Display", "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --yazi: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* hareket dili: 4 eğri, 4 süre */
  --e-cik: cubic-bezier(.16, 1, .3, 1);      /* belirme, uzun kuyruk (expo out) */
  --e-kes: cubic-bezier(.76, 0, .24, 1);     /* çizgi kesmesi, perde (in-out) */
  --e-tik: cubic-bezier(.34, 1.56, .64, 1);  /* şalter tıkı, hafif aşma */
  --e-his: cubic-bezier(.25, .8, .25, 1);    /* hover, kısa */
  --s-mikro: 220ms; --s-orta: 520ms; --s-uzun: 1000ms; --s-perde: 800ms;

  --bosluk: 1rem;
  --kap: 78rem;
  --golge: none;
}
