/* Bodrum Boru — ortak temel. Palet TAMAMEN logo renklerinden türetilmiştir:
   #1ca038 yeşil %47,1 · #888787 gri %52,9 (bkz. public/brand/logo-yatay.png) */
:root{
  /* Logoda gri baskın (%52,9), yeşil %47,1 → yapı ANTRASİT (grinin koyu tonu),
     vurgu logo YEŞİLİ. Beton'un mavi+yeşilinden kasıtlı olarak farklı bir his. */
  --marka:#1ca038;         /* logo yeşili — sayılar, vurgu, hover */
  --marka-koyu:#3a3a37;    /* antrasit (logo grisinin koyusu) — başlık + koyu blok */
  --marka-derin:#262624;   /* footer */
  --marka-sis:#f0f6f1;     /* çok açık yeşil-gri zemin */
  --aksan:#1ca038;         /* logo yeşili — aksan çizgi/ikon */
  --aksan-koyu:#16812e;    /* buton zemini (AA kontrast 5,0:1) */
  --golge:38,38,36;        /* gölge/perde rgb üçlüsü (rgba() içinde) */
  --halka:28,160,56;       /* dekoratif çember rgb üçlüsü */
  --ac1:#e4e8e3;           /* koyu zemin üstü metin — en açık */
  --ac2:#d3d9d2;           /* orta */
  --ac3:#a6aea4;           /* soluk */
  --gri:#888787;           /* logo grisi — dekoratif */
  --gri-metin:#6b6b6b;     /* ikincil metin (AA) */
  --tas:#e8e7e1;           /* alternatif bölüm zemini */
  --tas-acik:#f3f2ed;
  --metin:#2a2a28;
  --cizgi:#d9dad6;
  --r:120px;               /* imza köşe yarıçapı */
  --ic:clamp(1.25rem,4vw,2rem);
  --bolum:clamp(4.5rem,9vw,8rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--metin);
  font:400 1rem/1.65 Lexend,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:"Lexend Exa",Lexend,system-ui,sans-serif;font-weight:700;
  line-height:1.16;letter-spacing:-.015em;margin:0;color:var(--marka-koyu);text-wrap:balance}
h1{font-size:clamp(2.1rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.65rem,3.6vw,2.6rem)}
h3{font-size:clamp(1.15rem,1.9vw,1.5rem)}
h4{font-size:clamp(1rem,1.4vw,1.15rem)}
p{margin:0 0 1rem;max-width:68ch}
ul{margin:0;padding:0 0 0 1.15rem}
li{margin:.3rem 0}
.wrap{width:min(1240px,100% - var(--ic)*2);margin-inline:auto}
.narrow{width:min(820px,100% - var(--ic)*2);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--aksan);outline-offset:2px}
.gri{color:var(--gri-metin)}
.mavi{color:var(--marka)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}}