/* ============================================================
   FYNEX BASE — reset, tipografi, zemin
   Yalnız token tüketir; bileşen kuralı buraya yazılmaz.
   ============================================================ */
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* uygulama genelinin TEK scrollbar dili (Firefox tarafı; webkit aşağıda):
       ince, saydam track, token renkli gömük thumb. İstisna yalnız bilinçli
       gizlemedir (.tabs, components-shell.css) — landing.html kapsam dışı,
       kendi eşdeğer kuralını taşır. */
    scrollbar-width: thin;
    scrollbar-color: var(--arrow) transparent;
  }

  /* tek scrollbar dilinin webkit karşılığı */
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; margin: 4px 2px; }
  ::-webkit-scrollbar-thumb {
    background: var(--arrow); border-radius: var(--r-pill);
    border: 3px solid transparent; background-clip: padding-box; min-height: 40px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--label); background-clip: padding-box;
  }

  html {
    height: 100%;
  }

  body {
    min-height: 100%;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
  }

  ::selection {
    background: var(--primary);
    color: #fff;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
  }

  input, select, textarea {
    font: inherit;
    color: inherit;
  }

  h1, h2, h3 {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.1;
  }

  img, svg {
    display: block;
    max-width: 100%;
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

  /* hidden attribute'u her zaman kazanir — display'li class'lar ezemez
     (K5 istisnasi: attribute niyetini korumak icin important gerekli) */
  [hidden] { display: none !important; }
}