/* ============================================================
   UZ Hukuk Bürosu — Temel stiller (reset + tipografi)
   ============================================================ */
@layer reset, base, components, page, utilities;

@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  *{margin:0}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}
  body{min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  img,picture,svg,video{display:block;max-width:100%}
  input,button,textarea,select{font:inherit;color:inherit}
  button{cursor:pointer;background:none;border:none}
  a{color:inherit;text-decoration:none}
  ul[class],ol[class]{list-style:none;padding:0}
  :where(h1,h2,h3,h4){overflow-wrap:break-word}
}

@layer base{
  body{
    font-family:var(--font-body);
    font-size:var(--fs-base);
    line-height:var(--lh-body);
    color:var(--text);
    background:var(--bg);
  }

  h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-tight);color:var(--c-navy-800)}
  h1{font-size:var(--fs-h1)}
  h2{font-size:var(--fs-h2)}
  h3{font-size:var(--fs-h3)}
  h4{font-size:var(--fs-lg);font-family:var(--font-body);font-weight:600}

  p{color:var(--text)}
  a{color:var(--c-gold-700);transition:color var(--dur) var(--ease)}
  a:hover{color:var(--c-gold-600)}

  strong{font-weight:600}

  ::selection{background:var(--c-gold-200);color:var(--c-navy-900)}

  :focus-visible{outline:2px solid var(--c-gold-600);outline-offset:2px;border-radius:2px}

  .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
  .container-prose{max-width:var(--container-prose)}

  .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  .skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--c-navy-800);color:var(--c-cream-100);padding:.7rem 1.2rem;border-radius:0 0 var(--r-md) 0}
  .skip-link:focus{left:0}

  /* Bölüm ritmi */
  .section{padding-block:var(--section-y)}
  .section--navy{background:var(--c-navy-800);color:var(--c-ink-on-navy)}
  .section--navy h1,.section--navy h2,.section--navy h3{color:var(--c-cream-100)}
  .section--cream{background:var(--c-cream-100)}

  /* Bölüm başlığı kalıbı: üst etiket + serif başlık + altın çizgi */
  .section-head{max-width:640px;margin-bottom:var(--sp-7)}
  .section-head.center{margin-inline:auto;text-align:center}
  .overline{display:inline-block;font-family:var(--font-body);font-size:var(--fs-overline);font-weight:600;
    letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--c-gold-700);margin-bottom:.75rem}
  .section--navy .overline{color:var(--c-gold-500)}
  .section-head .rule{width:48px;height:2px;background:var(--c-gold-600);margin-top:1.1rem}
  .section-head.center .rule{margin-inline:auto}
  .section-head p{color:var(--text-muted);margin-top:1rem}
  .section--navy .section-head p{color:var(--c-ink-on-navy-mut)}

  /* Akıcı metin (makale/sayfa içeriği) */
  .prose{max-width:var(--container-prose);font-size:var(--fs-lg);color:var(--c-ink-700)}
  .prose > * + *{margin-top:1.2em}
  .prose h2{font-size:var(--fs-h3);margin-top:1.8em;color:var(--c-navy-800)}
  .prose h3{font-size:var(--fs-lg);font-family:var(--font-display);margin-top:1.5em}
  .prose p{line-height:var(--lh-body)}
  .prose ul,.prose ol{padding-left:1.4em;display:grid;gap:.5em}
  .prose ul{list-style:disc}
  .prose ol{list-style:decimal}
  .prose li{padding-left:.25em}
  .prose a{color:var(--c-gold-700);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--c-gold-200)}
  .prose blockquote{border-left:3px solid var(--c-gold-600);padding-left:1.2rem;font-style:italic;color:var(--c-ink-600)}
  .prose img{border-radius:var(--r-md);margin-block:1.5em}
  .prose table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
  .prose th,.prose td{border:1px solid var(--border);padding:.6rem .8rem;text-align:left}
  .prose th{background:var(--c-cream-100)}

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  }
}