/* ============================================================
   Mac Usta · Reset + grain + vignette overlays
   Loaded by index.html via <link>.  See styles/_index.css for order.
   ============================================================ */


  /* metrics */
  --bar-h:        60px;
  --topnav-h:     66px;
  --dock-w:       0px;          /* legacy — sol dock kaldırıldı */
  --rule-h:       40px;
  --gap:          22px;
  --radius:       2px;
  --radius-lg:    4px;

  /* motion */
  --t-fast:    140ms cubic-bezier(.4,.2,.2,1);
  --t-mid:     280ms cubic-bezier(.4,.2,.2,1);
  --t-slow:    520ms cubic-bezier(.22,.6,.2,1);
}

/* ---------- 2. RESET / BASE ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--f-sans);
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--paper);
  background-image:
    /* fine grid */
    linear-gradient(to right, rgba(14,27,48,.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(14,27,48,.045) 1px, transparent 1px),
    /* major grid */
    linear-gradient(to right, rgba(14,27,48,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(14,27,48,.07) 1px, transparent 1px),
    /* warm wash */
    radial-gradient(1200px 700px at 0% 0%, #F2EDDF 0%, transparent 60%),
    radial-gradient(900px 700px at 100% 100%, #EAE0CB 0%, transparent 60%);
  background-size: 22px 22px, 22px 22px, 110px 110px, 110px 110px, auto, auto;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  font-feature-settings: "ss01", "ss02", "cv11";
  overflow-x: hidden;
  overflow-y: auto;
}

button, input { font: inherit; color: inherit; }
button { background: transparent; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { margin: 0; font-weight: 500; }
ul, dl, dd, p { margin: 0; padding: 0; }
ul { list-style: none; }
meter { all: unset; display: block; }
img { display: block; max-width: 100%; }

::selection { background: var(--ink); color: var(--paper); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(14,27,48,.18); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: rgba(14,27,48,.32); }

/* ---------- 3. OVERLAYS (grain + vignette) ---------- */
.grain {
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 100;
  mix-blend-mode: multiply;
  opacity: .35;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .08 0 0 0 0 .1 0 0 0 0 .15 0 0 0 .25 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/></svg>");
}
.vignette {
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 99;
  background:
    radial-gradient(ellipse at center, transparent 60%, rgba(14,27,48,.08) 100%),
    radial-gradient(ellipse 80% 60% at center, transparent 70%, rgba(140,90,40,.06) 100%);
}

/* ============================================================