/* =============================================================
   ORTAK TEMEL — 4 mockup'ta da birebir aynı olan reset/temel kurallar.
   Sayfaya özgü olanlar (a{color}, body{padding/flex} vb.) kendi css
   dosyasında kalır — bkz. home.css / profile.css / auth-login.css / auth-register.css
   ============================================================= */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  font-size:14px;
  line-height:1.5;
  color:var(--ink-700);
  background:var(--canvas);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{margin:0;color:var(--ink-900);font-weight:600;line-height:1.25}
a:hover{text-decoration:underline}
button{font:inherit}

/* Klavye kullanıcıları için görünür odak — mevcut sitede yoktu */
:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:4px}

.ico{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;
     stroke-linecap:round;stroke-linejoin:round}
.ico-sm{width:16px;height:16px}