/*
 * style.css — temel katman.
 * İçerik: CSS değişkenleri, renkler, tipografi, global reset, container,
 * temel HTML elementleri, link/buton stilleri, yardımcı (utility) sınıflar.
 * Yükleme sırası: style.css → components.css → responsive.css
 */
  :root{
    --color-primary:#0f2f4d;
    --color-primary-dark:#081b2e;
    --color-primary-light:#1c4d73;
    --color-accent:#c9531f;
    --color-accent-dark:#9f3f14;
    --color-whatsapp:#1fa855;
    --color-whatsapp-dark:#178a45;
    --color-bg:#ffffff;
    --color-bg-alt:#f5f7fa;
    --color-bg-dark:#081b2e;
    --color-text:#152232;
    --color-text-light:#57697d;
    --color-border:#e3e8ee;
    --radius:12px;
    --radius-lg:20px;
    --max-width:1200px;
    --shadow-sm:0 1px 3px rgba(15,47,77,.08);
    --shadow-md:0 14px 34px rgba(15,47,77,.12);
    --font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--font);
    color:var(--color-text);
    background:var(--color-bg);
    font-size:18px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;}
  h1,h2,h3{
    line-height:1.22;
    margin:0 0 16px 0;
    color:var(--color-primary-dark);
    font-weight:750;
    letter-spacing:-0.015em;
  }
  h1{font-size:2.15rem;font-weight:800;}
  h2{font-size:1.7rem;}
  h3{font-size:1.15rem;}
  p{margin:0 0 16px 0;}
  ul{padding:0;margin:0;}

  /* Erişilebilir klavye odak durumu */
  a:focus-visible, button:focus-visible, summary:focus-visible, .fault-btn:focus-visible{
    outline:3px solid var(--color-accent);
    outline-offset:2px;
    border-radius:6px;
  }
  .container{
    max-width:var(--max-width);
    margin:0 auto;
    padding:0 20px;
  }
  section{padding:60px 0;}
  .section-alt{background:var(--color-bg-alt);}
  .section-dark{background:var(--color-primary-dark);color:#fff;}
  .section-dark h2{color:#fff;}
  .section-eyebrow{
    display:inline-block;
    color:var(--color-accent);
    font-weight:700;
    font-size:.8rem;
    letter-spacing:1.6px;
    text-transform:uppercase;
    margin-bottom:12px;
  }
  .section-dark .section-eyebrow{color:#f2a97e;}
  .section-intro{
    text-align:center;
    max-width:720px;
    margin:0 auto 42px auto;
  }
  .section-intro p{
    font-size:1.12rem;
    color:var(--color-text-light);
  }
  .section-dark .section-intro p{color:#c3d3e2;}
  .visually-hidden{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:1.12rem;
    font-weight:700;
    padding:17px 28px;
    border-radius:var(--radius);
    text-decoration:none;
    border:2px solid transparent;
    cursor:pointer;
    min-height:58px;
    line-height:1.2;
    transition:background-color .15s ease, border-color .15s ease, transform .05s ease;
  }
  .btn:active{transform:scale(0.98);}
  .btn-call{background:var(--color-accent);color:#fff;}
  .btn-call:hover{background:var(--color-accent-dark);}
  .btn-whatsapp{background:var(--color-whatsapp);color:#fff;}
  .btn-whatsapp:hover{background:var(--color-whatsapp-dark);}
  .btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary);}
  .btn-outline:hover{background:var(--color-bg-alt);}
  .btn-white{background:#fff;color:var(--color-primary-dark);}
  .btn-white:hover{background:#eef2f6;}
  .btn svg{flex:none;width:24px;height:24px;}
  .cta-group{display:flex;flex-wrap:wrap;gap:16px;}