/* ============================================================================
   ERADA METAL — web token'lari
   Renkler marka/tokens.css ile AYNI. Degistirmen gerekirse once orayi degistir,
   sonra buraya yansit - katalog ve site ayni renkte kalmali.
   ============================================================================ */

/* Her agirlik IKI dosya: -latin (A-Z, rakamlar, c/o/u/g, U+0000-00FF) ve
   -latin-ext (S/G/I gibi genisletilmis harfler), unicode-range ile ayrilir.
   2026-09-16'ya kadar SADECE -latin-ext vardi ve aralik yazilmamisti: o dosyada
   temel harfler YOK, butun basliklar genis yedek fonta dusuyordu. Dogrulama:
   web'deki dosya marka/fonts/*-latin-ext.woff2 ile ayni md5; marka/fonts/fonts.css
   ikisini bu araliklarla ayiriyor (araliklar oradan birebir). IBM Plex Mono'nun
   -latin dosyasi fontsource'tan (OFL).
   Montserrat (logo) 2026-09-17'ye kadar ayni hatadaydi: "tek dosya, tam" sanilip
   atlanmisti. -latin-ext dosyasinda A-Z yok; logo Times New Roman'a dusuyordu
   (olculdu: ayni SVG, katalog fontuyla dogru, sitede serifli). */
@font-face { font-family:'Barlow'; font-weight:400; font-display:swap;
  src:url(../public/fonts/Barlow-400-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; }
@font-face { font-family:'Barlow'; font-weight:400; font-display:swap;
  src:url(../public/fonts/Barlow-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'Barlow'; font-weight:500; font-display:swap;
  src:url(../public/fonts/Barlow-500-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; }
@font-face { font-family:'Barlow'; font-weight:500; font-display:swap;
  src:url(../public/fonts/Barlow-500-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'Barlow'; font-weight:600; font-display:swap;
  src:url(../public/fonts/Barlow-600-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; }
@font-face { font-family:'Barlow'; font-weight:600; font-display:swap;
  src:url(../public/fonts/Barlow-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'Barlow Condensed'; font-weight:600; font-display:swap;
  src:url(../public/fonts/BarlowCondensed-600-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; }
@font-face { font-family:'Barlow Condensed'; font-weight:600; font-display:swap;
  src:url(../public/fonts/BarlowCondensed-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'Barlow Condensed'; font-weight:700; font-display:swap;
  src:url(../public/fonts/BarlowCondensed-700-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; }
@font-face { font-family:'Barlow Condensed'; font-weight:700; font-display:swap;
  src:url(../public/fonts/BarlowCondensed-700-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'Montserrat'; font-weight:400; font-display:block;
  src:url(../public/fonts/Montserrat-400-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; }
@font-face { font-family:'Montserrat'; font-weight:400; font-display:block;
  src:url(../public/fonts/Montserrat-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:'IBM Plex Mono'; font-weight:400; font-display:swap;
  src:url(../public/fonts/IBMPlexMono-400-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; }
@font-face { font-family:'IBM Plex Mono'; font-weight:400; font-display:swap;
  src:url(../public/fonts/IBMPlexMono-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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 {
  /* --- marka (marka/tokens.css ile birebir) --- */
  --navy-900: #001526;
  --copper:   #a17037;
  --red:      #951309;
  --paper:    #edecec;
  --ink:      #14181c;

  /* --- siteye ozel koyu palet --- */
  --bg:    #05090f;
  --bg-2:  #0b131c;
  --bg-3:  #111c27;
  --line:   rgba(255,255,255,.10);
  --line-2: rgba(255,255,255,.22);
  --on:    #ffffff;
  --on-2:  rgba(255,255,255,.62);
  --on-3:  rgba(255,255,255,.36);
  --acc:   #c08a46;              /* bakirin koyu zeminde okunan hali */

  /* --- tipografi --- */
  --f-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --f-body:    'Barlow', system-ui, sans-serif;
  --f-mono:    'IBM Plex Mono', ui-monospace, monospace;
  --f-logo:    'Montserrat', system-ui, sans-serif;

  /* --- ritim --- */
  --nav-h: 64px;
  --pad:   clamp(20px, 5vw, 72px);
  --sat:   env(safe-area-inset-top, 0px);

  /* --- hareket --- */
  --ease-out: cubic-bezier(.16,1,.3,1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease-out: linear; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}