/* Bodrum Beton — ortak temel. Palet TAMAMEN logo renklerinden türetilmiştir:
   #4167af mavi · #009640 yeşil · #888787 gri (bkz. public/brand/logo-yatay.png) */
:root{
  /* PALET — Bodrum Beton logosundan (public/brand/logo-yatay.png piksel sayımı):
     #4167af mavi %58,7 · #888787 gri %36 · #009640 yeşil %5,2 */
  --marka:#4167af;         /* logo mavisi — ana marka */
  --marka-koyu:#2c4a80;    /* koyu bloklar + başlık */
  --marka-derin:#1e3557;   /* footer */
  --marka-sis:#eef2f9;     /* çok açık marka zemini */
  --aksan:#009640;         /* logo yeşili — aksan çizgi/ikon */
  --aksan-koyu:#007a34;    /* buton zemini (AA kontrast) */
  --golge:30,53,87;        /* gölge/perde rgb üçlüsü (rgba() içinde) */
  --halka:65,103,175;      /* dekoratif çember rgb üçlüsü */
  --ac1:#dbe4f2;           /* koyu zemin üstü metin — en açık */
  --ac2:#cfdaee;           /* orta */
  --ac3:#9fb4d6;           /* soluk */
  --gri:#888787;           /* logo grisi — dekoratif */
  --gri-metin:#6b6b6b;     /* ikincil metin (AA) */
  --tas:#e6e6df;           /* alternatif bölüm zemini */
  --tas-acik:#f2f1ec;
  --metin:#23303f;
  --cizgi:#d8dbe2;
  --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}}