/* ---- Yazı tipleri: yerel woff2, latin + latin-ext ---- */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/SpaceGrotesk-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/SpaceGrotesk-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: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/SpaceGrotesk-700-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/SpaceGrotesk-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: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-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 Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-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: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-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: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/IBMPlexMono-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/IBMPlexMono-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;
}

:root {
  color-scheme: light dark;

  /* Marka: MOSK logosundan alınan turuncu */
  --brand-900: #6E2A08;
  --brand-700: #B84711;
  --brand-600: #DE5B15;
  --brand-500: #E97434;
  --brand-400: #F09B6A;
  --brand-050: #FDF1EA;
  /* Koyu zeminde AA kontrast için bir kademe açık marka tonu (metin ve linklerde) */
  --brand-metin: var(--brand-700);

  /* Kabuk renkleri — iki temada da sabit: viewer, panel kenar çubuğu, koyu şeritler */
  --ink-900: #0B1D2A;
  --ink-800: #0F2939;
  /* İkincil metin — temaya duyarlı */
  --ink-700: #12354A;

  /* Kadastral mavi — turuncunun tamamlayıcısı, küçük vurgular için */
  --accent-600: #1B6E8C;
  --accent-500: #2C87A6;
  --accent-050: #EAF4F8;

  --paper: #FBFCFD;
  --paper-alt: #EFF3F6;
  --yuzey: #FFFFFF;
  --yuzey-2: #FFFFFF;
  --girdi-zemin: #FFFFFF;
  --yuzey-blur: rgba(251, 252, 253, .92);
  --line: #D8E1E8;
  --line-soft: #E7EDF2;
  --text: #16242F;
  --baslik: #0B1D2A;
  --muted: #63798A;
  --desen-opaklik: .3;

  --ok-600: #1F7A55;
  --ok-050: #E7F5EE;
  --uyari-600: #A5641A;
  --uyari-050: #FCF3E6;
  --hata-600: #B32626;
  --hata-050: #FBEBEB;

  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-govde: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-kunye: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;

  --r-kart: 14px;
  --r-buton: 10px;
  --r-rozet: 999px;

  --golge: 0 1px 2px rgba(11, 29, 42, .06), 0 8px 24px -12px rgba(11, 29, 42, .18);
  --golge-yukseltilmis: 0 2px 4px rgba(11, 29, 42, .08), 0 18px 40px -18px rgba(11, 29, 42, .28);

  --u1: 4px;
  --u2: 8px;
  --u3: 12px;
  --u4: 16px;
  --u5: 20px;
  --u6: 24px;
  --u8: 32px;
  --u10: 40px;
  --u12: 48px;
  --u14: 56px;
  --u24: 96px;

  --bolum-bosluk: 56px;
  --gecis: 120ms ease;

  /* Kadastral pafta dokusu — ürün kartı köşesi ve koyu başlıklarda tekrar eder */
  --pafta-deseni: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='120' viewBox='0 0 140 120'%3E%3Cg fill='none' stroke='%231B6E8C' stroke-width='1'%3E%3Cpath d='M0 24h140M0 60h140M0 96h140M28 0v120M64 0v120M104 0v120'/%3E%3Cpath d='M28 24l36 12 40-12M64 36v24l40 12M28 60l36 12v24' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
  --pafta-deseni-acik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='280' viewBox='0 0 320 280'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M0 56h320M0 140h320M0 224h320M72 0v280M164 0v280M248 0v280'/%3E%3Cpath d='M72 56l92 28 84-28M164 84v56l84 28M72 140l92 28v56' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 992px) {
  :root {
    --bolum-bosluk: 96px;
  }
}

/* ---------------------------------------------------------------
   Koyu tema.
   Aynı değer kümesi iki yerde tanımlanır: sistem tercihi (çerez yokken)
   ve kullanıcının açık seçimi. CSS'te birleştirilemedikleri için tekrarlıdır.
   --------------------------------------------------------------- */

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    color-scheme: dark;

    --brand-metin: var(--brand-500);
    --ink-700: #C3D0DB;

    --accent-600: #4FB6D6;
    --accent-500: #6BC6E2;
    --accent-050: #12303C;

    --paper: #0C151D;
    --paper-alt: #121E29;
    --yuzey: #16222E;
    --yuzey-2: #1C2A38;
    --girdi-zemin: #101B25;
    --yuzey-blur: rgba(12, 21, 29, .92);
    --line: #2A3B4C;
    --line-soft: #223141;
    --text: #E3EAF1;
    --baslik: #F2F6F9;
    --muted: #93A6B5;
    --desen-opaklik: .18;
    --brand-050: #33170A;

    --ok-600: #57C79B;
    --ok-050: #10312A;
    --uyari-600: #E0A55A;
    --uyari-050: #33260F;
    --hata-600: #FF8E8E;
    --hata-050: #3A1B1B;

    /* Koyu zeminde gölge okunmaz; ayrım kenarlıkla yapılır. */
    --golge: 0 1px 2px rgba(0, 0, 0, .34);
    --golge-yukseltilmis: 0 8px 28px -14px rgba(0, 0, 0, .68);
  }
}

:root[data-tema="koyu"] {
  color-scheme: dark;

  --brand-metin: var(--brand-500);
  --ink-700: #C3D0DB;

  --accent-600: #4FB6D6;
  --accent-500: #6BC6E2;
  --accent-050: #12303C;

  --paper: #0C151D;
  --paper-alt: #121E29;
  --yuzey: #16222E;
  --yuzey-2: #1C2A38;
  --girdi-zemin: #101B25;
  --yuzey-blur: rgba(12, 21, 29, .92);
  --line: #2A3B4C;
  --line-soft: #223141;
  --text: #E3EAF1;
  --baslik: #F2F6F9;
  --muted: #93A6B5;
  --desen-opaklik: .18;
  --brand-050: #33170A;

  --ok-600: #57C79B;
  --ok-050: #10312A;
  --uyari-600: #E0A55A;
  --uyari-050: #33260F;
  --hata-600: #FF8E8E;
  --hata-050: #3A1B1B;

  --golge: 0 1px 2px rgba(0, 0, 0, .34);
  --golge-yukseltilmis: 0 8px 28px -14px rgba(0, 0, 0, .68);
}