/*
  TEMA DOSYASI — AcoustiCoder premium kimlik (Apple/iOS esintili).
  Renklerin, yazı tipinin ve köşe yuvarlaklıklarının tamamı buradaki
  değişkenlerden gelir. Site açık temayla açılır; hero, film, kurumsal
  blokları ve alt kısım kendi içinde koyu yüzey değişkenlerini tanımlar.
  Panel koyu temayı kullanmaya devam eder.
*/

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
  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: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-wght-normal.woff2") format("woff2-variations");
  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;
}

/* Açık tema: kırık beyaz zemin, antrasit metin, derin kırmızı vurgu */
:root {
  color-scheme: light;

  --accent: #b02119;
  --accent-2: #8c5c37;
  --accent-3: #6e1618;
  --accent-warm: #8a6a3f;
  --on-accent: #ffffff;

  --bg: #f4f3ef;
  --bg-deep: #eceae4;
  --surface: #ffffff;
  --surface-2: #f8f7f3;
  --surface-solid: #ffffff;
  --border: rgba(18, 18, 20, 0.09);
  --border-strong: rgba(18, 18, 20, 0.17);
  --text: #0b0b0d;
  --text-muted: #55555d;
  --text-faint: #6a6a72;
  --accent-ink: #a01e17;
  --ok: #1c7a4c;
  --danger: #b3261e;
  --danger-bg: rgba(179, 38, 30, 0.07);
  --on-danger: #ffffff;
  --warn: #7a4f00;
  --warn-bg: rgba(122, 79, 0, 0.08);
  --ok-bg: rgba(28, 122, 76, 0.09);
  --info: #8c5c37;
  --info-bg: rgba(140, 92, 55, 0.09);

  --shadow-sm: 0 1px 2px rgba(10, 10, 12, 0.05);
  --shadow: 0 1px 2px rgba(10, 10, 12, 0.04), 0 18px 44px -24px rgba(10, 10, 12, 0.24);
  --shadow-lg: 0 2px 4px rgba(10, 10, 12, 0.04), 0 40px 90px -40px rgba(10, 10, 12, 0.38);

  /* Kaydırma çubuğu: temaya uyumlu, ince ve yuvarlak */
  --scrollbar-thumb: rgba(18, 18, 20, 0.22);
  --scrollbar-thumb-hover: rgba(18, 18, 20, 0.42);

  --glass-blur: blur(22px) saturate(1.7);
  --glass-border: rgba(255, 255, 255, 0.55);
  --focus: #a01e17;

  /* Hareket: yumuşak spring eğrileri */
  --ease-yumusak: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bahar: cubic-bezier(0.34, 1.42, 0.5, 1);
  --ease-cikis: cubic-bezier(0.16, 1, 0.3, 1);

  --grad-brand: linear-gradient(135deg, #c23127 0%, #7e120e 100%);
  --grad-text: linear-gradient(100deg, #d2453a 0%, #a01e17 48%, #6f1210 100%);
  --aurora: radial-gradient(60% 60% at 50% 0%, rgba(176, 33, 25, 0.3), transparent 70%);

  --font: "Inter", system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --radius-l: 26px;
  --radius-m: 18px;
  --radius-s: 12px;
}

/* Koyu tema: antrasit/siyah yüzeyler, aynı premium dil */
:root[data-theme="dark"] {
  color-scheme: dark;

  --accent: #cf3a30;
  --accent-2: #b08358;
  --accent-3: #7e1a1c;
  --accent-warm: #b08a55;
  --on-accent: #ffffff;

  --bg: #060607;
  --bg-deep: #0c0c0e;
  --surface: #111113;
  --surface-2: #17171a;
  --surface-solid: #131315;
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.18);
  --text: #f4f3f0;
  --text-muted: #a8a7ae;
  --text-faint: #8b8a93;
  --accent-ink: #e96a5f;
  --ok: #57c08a;
  --danger: #e06055;
  --danger-bg: rgba(224, 96, 85, 0.12);
  --on-danger: #1a0505;
  --warn: #d9a84e;
  --warn-bg: rgba(217, 168, 78, 0.12);
  --ok-bg: rgba(87, 192, 138, 0.1);
  --info: #c19a6b;
  --info-bg: rgba(193, 154, 107, 0.1);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 22px 50px -26px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.55), 0 60px 120px -50px rgba(0, 0, 0, 0.9);

  --scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.38);

  --glass-border: rgba(255, 255, 255, 0.12);
  --focus: #e96a5f;

  --grad-brand: linear-gradient(135deg, #d8443a 0%, #8c1913 100%);
  --grad-text: linear-gradient(100deg, #ff6a5c 0%, #d8453a 55%, #9a201a 100%);
  --aurora: radial-gradient(60% 60% at 50% 0%, rgba(207, 58, 48, 0.34), transparent 70%);
}

/* Logo işareti: kod parantezleri + ses dalgası */
.marka-parantez { fill: none; stroke: currentColor; stroke-width: 1.7; }
.marka-dalga { fill: none; stroke: var(--accent); stroke-width: 2.1; }

/* Kaydırma çubuğu — varsayılan gri çubuğu tema rengine çevirir.
   Firefox: scrollbar-width/color; Chromium, Safari ve Edge: ::-webkit-scrollbar */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) transparent;
}
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 999px;
  min-height: 44px;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover); }
::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-thumb-hover); }