/*
    YAZI TIPLERI - TEMANIN ICINDE, harici ag istegi yok.

    Latin ve latin-ext AYRI dosyalardir: Turkce'nin g-breve (U+011F),
    s-cedilla (U+015F) ve noktali I (U+0130) harfleri latin-ext
    kumesindedir; yalnizca latin yuklenseydi bu harfler yedek fonta
    duser ve metnin ortasinda gorunur bir kalinlik farki olusurdu.
*/
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/space-grotesk-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/space-grotesk-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
        U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/dm-sans-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/dm-sans-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
        U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/dm-sans-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/dm-sans-500-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
        U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/dm-sans-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/dm-sans-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
        U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*
    İkinci El Oto — yerlesim ailesi L3 (serit vitrin + rakamli liste).

    Sifirdan yazilmistir; ucuncu taraf cerceve, font ya da ikon icermez.
    Sistem font yigini kullanilir: harici font istegi yapilmaz (FR-7.3).
*/

:root {
    --ana: #26404f;
    --koyu: #132029;
    --vurgu: #f08a3c;
    --zemin: #f1f5f7;
    --metin: #134e4a;
    --kenar: rgba(15, 23, 42, .14);
    --kap: 1000px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    background: #fff;
    color: var(--metin);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16.5px;
    line-height: 1.7;
}

h1, h2, h3 { line-height: 1.25; margin: 0; }
p { margin: 0; }
a { color: inherit; }

.kap { max-width: var(--kap); margin: 0 auto; padding: 0 20px; }

.atla { position: absolute; left: -9999px; background: var(--koyu); color: #fff; padding: 10px 16px; }
.atla:focus { left: 12px; top: 12px; z-index: 10; }

/* --- Ust serit --- */
.serit { background: var(--koyu); color: #fff; font-size: .85rem; }
.serit-ic { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-block: 9px; }
.serit-oge { color: #e2e8f0; }
.serit-tel { font-weight: 700; color: var(--vurgu); text-decoration: none; }
.serit-tel:hover, .serit-tel:focus { text-decoration: underline; }

.ust { border-bottom: 2px solid var(--ana); background: #fff; }
.ust-ic { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 24px; padding-block: 18px; }
.marka { font-weight: 800; font-size: 1.25rem; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; }
.ust nav { margin-left: auto; display: flex; flex-wrap: wrap; gap: 20px; font-size: .93rem; }
.ust nav a { color: #475569; text-decoration: none; }
.ust nav a:hover, .ust nav a:focus { color: var(--ana); text-decoration: underline; }

/* --- Vitrin: fotograf zemin uzerinde ortalanmis metin --- */

/*
    `isolation: isolate` SART.

    Fon gorseli ve karartma katmani negatif z-index tasir; vitrin kendi
    yigin baglamini kurmazsa bu iki katman sayfanin en altina, yani
    <body> zemininin arkasina duser ve hicbiri gorunmez.

    `background` bilerek duruyor: gorsel yuklenene kadar (ya da hic
    yuklenmezse) beyaz metin koyu zemin uzerinde okunur kalir.
*/
.vitrin {
    position: relative;
    isolation: isolate;
    background: var(--koyu);
    color: #fff;
    border-bottom: 1px solid var(--kenar);
    padding-block: clamp(60px, 10vw, 116px);
    text-align: center;
}

.vitrin-fon {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}

/*
    Karartma katmani.

    Fotografin uzerine dogrudan beyaz metin yazmak okunabilirligi kadraja
    birakir: acik gokyuzune ya da beyaz duvara denk gelen satir kaybolur.
    Sabit bir karartma her kadrajda ayni kontrasti verir.
*/
.vitrin-ortu {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .34), rgba(0, 0, 0, .64));
}

/*
    `position: relative` ZORUNLU: fotograf ve ortu konumlandirilmis ogeler,
    icerik ise akista. Konumlandirilmazsa metin ikisinin de ALTINDA kalir.
*/
.vitrin > .kap { position: relative; }

/*
    METIN GOLGESI - vitrin fotografini MUSTERI YUKLUYOR ve ne yukleyecegini
    bilemeyiz. Ortu tek basina her fotografta yetmez.
*/
.vitrin h1, .vitrin .slogan, .vitrin .ust-baslik {
    text-shadow: 0 1px 16px rgba(0, 0, 0, .5);
}

.ust-baslik { text-transform: uppercase; letter-spacing: .16em; font-size: .74rem; font-weight: 700; color: var(--vurgu); }
.vitrin h1 { font-size: clamp(1.9rem, 4.6vw, 2.8rem); margin-top: 12px; }
.slogan { margin: 14px auto 0; font-size: 1.08rem; color: #f1f5f9; max-width: 46ch; }
.eylemler { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 26px; }

.dugme {
    display: inline-block; padding: 12px 24px; border-radius: 999px;
    background: var(--ana); color: #fff; font-weight: 600; text-decoration: none;
    border: 2px solid var(--ana);
}
.dugme:hover, .dugme:focus { background: var(--koyu); border-color: var(--koyu); }
.dugme-ikincil { background: transparent; color: var(--ana); }
.dugme-ikincil:hover, .dugme-ikincil:focus { background: var(--ana); color: #fff; }

/* Vitrindeki dugmeler fotograf uzerinde: renkli zemin yerine beyaz kontur. */
.vitrin .dugme { background: #fff; color: var(--koyu); border-color: #fff; }
.vitrin .dugme:hover, .vitrin .dugme:focus { background: var(--vurgu); border-color: var(--vurgu); color: var(--koyu); }
.vitrin .dugme-ikincil { background: transparent; color: #fff; border-color: #fff; }
.vitrin .dugme-ikincil:hover, .vitrin .dugme-ikincil:focus { background: #fff; color: var(--koyu); }

.bolum { padding-block: 58px; }
.bolum h2 { font-size: clamp(1.4rem, 3.2vw, 1.9rem); }
.bolum-alt { margin-top: 8px; color: #475569; max-width: 60ch; }
.bolum-acik { background: var(--zemin); }

/* Iki sutunlu, buyuk rakamli tanim listesi. */
.maddeler { margin-top: 32px; display: grid; gap: 28px 40px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.madde h3 { font-size: 1.08rem; display: flex; align-items: baseline; gap: 10px; }
.rakam { font-size: 1.6rem; font-weight: 800; color: var(--vurgu); -webkit-text-stroke: 1px var(--ana); }
.madde p { margin-top: 6px; color: #475569; }

.hakkinda { display: grid; gap: 32px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 780px) { .hakkinda { grid-template-columns: minmax(0, 1fr); } }
.metin { margin-top: 14px; }

.olculer { margin: 0; display: grid; gap: 16px; }
.olcu { border-left: 4px solid var(--ana); padding-left: 14px; }
.olcu dt { font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; color: #475569; }
.olcu dd { margin: 2px 0 0; font-size: 1.25rem; font-weight: 800; color: var(--koyu); }

/*
    Galeri.

    Ucu bir arada: sabit sutun sayisi yerine `auto-fit` + `minmax`, boylece
    telefonda tek, tablette iki, masaustunde uc sutuna oturur. 260px'in
    altinda uc sutun kalsaydi fotograflar seride donerdi.
*/
.galeri {
    display: grid; gap: 16px; margin-top: 30px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.galeri figure { margin: 0; }
.galeri img {
    display: block; width: 100%;
    height: clamp(190px, 22vw, 240px);
    object-fit: cover; border-radius: 8px;
}
.galeri figcaption { margin-top: 9px; font-size: .9rem; color: #475569; }

.iletisim { margin: 28px 0 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.iletisim dt { font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; color: #475569; }
.iletisim dd { margin: 5px 0 0; font-weight: 600; }

.alt { background: var(--koyu); color: #fff; padding-block: 28px; }
.alt p { font-weight: 700; letter-spacing: .03em; }
.alt .kucuk { margin-top: 6px; font-weight: 400; font-size: .86rem; color: #cbd5e1; }

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}

/* ========================================================================
   BULUNDUGUMUZ PLATFORMLAR
   ========================================================================

   Kartlar DEGIL, ROZET BICIMINDE baglantilar: platform adlari kisa ve tek
   satirlik. Kart yapilsalardi kartin icindeki bosluk metinden buyuk olur,
   izgara "doldurulmamis" gorunurdu.

   LOGO KULLANILMIYOR - bilerek. Platform logolari o sirketlerin tescilli
   markalaridir ve bir tema paketinin icinde dagitilmalari lisans sorunu
   yaratir. Ustelik musteri serbest metin giriyor: hangi logonun gelecegini
   bilemeyiz.
*/
.p-etiket {
    font-size: .78rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--vurgu);
}
.p-alt { margin-top: 10px; opacity: .78; }

.platformlar {
    margin: 30px 0 0; padding: 0; list-style: none;
    display: flex; flex-wrap: wrap; gap: 12px;
}
.platformlar a {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 1.02rem;
    padding: 15px 26px;
    border: 1px solid var(--kenar); border-radius: 999px;
    background: #fff; color: var(--metin);
    text-decoration: none; font-weight: 700;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.platformlar a:hover, .platformlar a:focus-visible {
    transform: translateY(-2px);
    border-color: var(--vurgu);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .1);
}
.platformlar svg { width: 16px; height: 16px; color: var(--vurgu); flex: none; }

/* Ekran okuyucu metni: "yeni sekmede acilir" uyarisi gorsel olarak ikonla
   veriliyor ve ikon tek basina bilgi tasimaz. */
.p-gizli {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}


/* ========================================================================
   TASARIM YUKSELTMESI v2
   ========================================================================

   Tema kendi YERLESIMINI korur; burada degisen tipografi, dugme dili,
   bosluk ritmi ve derinliktir.

   Onceki surum `system-ui` yiginiyla ciziliyordu ve gerekce olarak
   "harici font istegi yapilmaz (FR-7.3)" yaziliyordu. FR-7.3 boyle bir
   sey SOYLEMIYOR - hiz optimizasyonundan soz ediyor; kural kendi
   koydugumuz bir yorumdu. Bedeli agirdi: tema her isletim sisteminde
   baska bir yazi tipiyle ciziyordu.

   Font dosyalari TEMANIN ICINDE (assets/fonts). Kisit korundu -
   musterinin sitesi hicbir ucuncu tarafa istek atmaz - ama tipografi
   geri geldi.
*/

body {
    font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.72;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
    letter-spacing: -.018em;
    line-height: 1.1;
    text-wrap: balance;
}

/* Akiskan olcek: 375-1440 arasi kirilma noktasi gerektirmez. */
h1 { font-size: clamp(2.15rem, 5.2vw, 3.5rem); }
.bolum h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); letter-spacing: -.02em; }
h3 { font-size: 1.18rem; }

/* Bolum ritmi: onceki 64px her yerde aynıydı ve sayfa tek duze akiyordu. */
.bolum { padding-block: clamp(58px, 7vw, 92px); }
.bolum-alt { margin-top: 12px; font-size: 1.06rem; max-width: 62ch; }

/* Odak halkasi KALDIRILMAZ, guzellestirilir. */
:focus-visible {
    outline: 3px solid var(--vurgu);
    outline-offset: 3px;
    border-radius: 4px;
}

/*
    DUGMELER: hap bicimli, uzerine gelince YUKSELIR.

    Uzerine gelme rengi degistirmiyor: `--ana` tasarim katmani tarafindan
    degistirilebilir ve ikinci bir renk degiskeni geride kalirdi.
*/
.dugme {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    padding: 14px 28px;
    border-radius: 999px;
    font-weight: 700; font-size: 1.01rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .18);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.dugme:hover, .dugme:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(15, 23, 42, .24);
}
.dugme-ikincil { box-shadow: none; }
.dugme-ikincil:hover, .dugme-ikincil:focus-visible { box-shadow: none; }

/*
    KART DERINLIGI.

    Onceki surumde kartlar yalnizca 1px kenarlikla ayrisiyordu ve sayfa
    "cizgilerle bolunmus bir belge" gibi duruyordu. Golge cok hafif:
    amaci kartlari yuzdurmek degil, zeminden ayirmak.
*/
.madde, .kart, .panel, .olcu, .secenek {
    border-radius: 14px;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.madde:hover, .kart:hover, .secenek:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 6px rgba(15, 23, 42, .06), 0 18px 40px rgba(15, 23, 42, .1);
}

/* Gorsellerin kosesi govdeyle ayni dilde. */
.galeri img, .yan-gorsel, .vitrin img { border-radius: 14px; }

/* Platform rozetleri yukseltilmis dugme diliyle uyumlu. */
.platformlar a { padding: 15px 26px; font-size: 1.02rem; }

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

/*
    DOKUNMA HEDEFI - TELEFON VE E-POSTA BAGLANTILARI
    ================================================
    Bu iki baglanti, bu isletmeler icin sitenin ASIL DONUSUM EYLEMIDIR:
    ziyaretci telefona basar. Buna ragmen mobilde 20-23 piksel yuksekligle
    isleniyorlardi - WCAG 2.2 AA'nin 24 piksellik asgarisinin bile altinda,
    Apple HIG / Material'in onerdigi 44 pikselin cok altinda. Iletisim
    kutusundaki bir baglanti, cumle icindeki bir baglanti degildir; "satir
    ici baglanti" istisnasi burada gecerli olmaz.

    KURAL YALNIZCA DOKUNMATIK CIHAZLARDA calisir (`pointer: coarse`):
    masaustu duzeni oldugu gibi kalir, hedef buyutme yalnizca gerektigi
    yerde uygulanir.

    Dolgu yerine `min-height` + `inline-flex`: dolgu komsu hedeflerin
    tiklama alanlarini ust uste bindirebilirdi (telefona basarken e-postaya
    gitmek). Yukseklik verildiginde duzen acilir, alanlar ayrik kalir.

    `.dugme` DISARIDA: dugmelerin kendi yukseklik kurali zaten var.
*/
@media (pointer: coarse) {
    a[href^="tel:"]:not(.dugme),
    a[href^="mailto:"]:not(.dugme) {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

/*
    MARKA LOGOSU.

    Musteri logo yukleyebiliyordu ama hicbir tema onu basmiyordu; yuklenen
    dosya hicbir yerde gorunmuyordu. Logo yoksa yerinde firma adi metin
    olarak kalir (bkz. index.html'deki VARSA/YOKSA bloklari).

    YUKSEKLIK SABIT, GENISLIK SERBEST: musterinin yukleyecegi logonun en-boy
    orani bilinmiyor. Yukseklik sabitlenip genislik `auto` birakilmazsa dar
    bir logo ezilir, genis bir logo ust bilgiyi tasardi.

    `max-width` ust siniri dar ekranda menuyu kirmamak icin.
*/
.marka-logo {
    display: block;
    height: 34px;
    width: auto;
    max-width: min(220px, 46vw);
    object-fit: contain;
}

/* ---------------------------------------------------------------
   Iletisim formu
   ---------------------------------------------------------------
   Sonuc mesajlari JAVASCRIPT'SIZ calisir: adres kutuyu hedefledigi
   zaman `:target` onu gorunur kilar (bkz. index.html aciklamasi).

   Kenarlik rengi bilerek KOYU (#5f6368): girdi kutusunun sinirisi
   metin degil bir arayuz bileseni ve beyaz zeminde en az 3:1
   kontrast ister (WCAG 2.2 1.4.11). Acik gri bir cerceve guzel
   gorunur ama az goren bir ziyaretci kutunun nerede bittigini
   goremez.
   --------------------------------------------------------------- */
.iletisim-form-kap { margin-top: 40px; }

.form-sonuc {
    display: none;
    margin: 0 0 20px;
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
}

.form-sonuc:target { display: block; }

.form-sonuc-olumlu { background: #e8f5e9; color: #14501a; border: 1px solid #86c78c; }
.form-sonuc-uyari { background: #fff8e1; color: #6b4400; border: 1px solid #e0bc63; }

.iletisim-form { display: grid; gap: 18px; max-width: 560px; }
.iletisim-form h3 { margin: 0; font-size: 1.25rem; }

.form-satir { display: grid; gap: 6px; margin: 0; }
.form-satir label { font-weight: 600; font-size: 0.95rem; }

.form-satir input,
.form-satir textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #5f6368;
    border-radius: 8px;
    font: inherit;
    color: inherit;
    background: #fff;
}

.form-satir textarea { resize: vertical; }

.form-satir input:focus-visible,
.form-satir textarea:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
}

/* Tuzak alan: ekran disinda ama DOM'da - bot doldursun diye. */
.form-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/*
    UZUN VE BOLUNEMEYEN KELIME SAYFAYI YANA KAYDIRMASIN.

    Metinlerin cogu MUSTERIDEN gelir: uzun bir firma adi, bir alan adi ya
    da bosluksuz bir baslik, kutusuna sigmazsa butun sayfayi yatayda
    kaydirir - ve bunu ancak telefondan bakan ziyaretci gorur.

    `break-word` (`anywhere` degil): yalnizca TASACAK kelimeyi boler,
    ogenin asgari genislik hesabina karismaz. Izgara sutunlari zaten
    `minmax(0, ...)` ile korunuyor; ikisi birlikte hem sutunun hem metnin
    tasmasini kapatir.
*/
body { overflow-wrap: break-word; }

/*
    NOT: `#64748b` (slate-500) yerine `#475569` (slate-600).

    Acik zeminlerde slate-500 metin 4.31:1 ile 4.37:1 arasinda kaliyordu -
    WCAG 2.2 AA'nin 4.5:1 esiginin ALTINDA. Fark kucuk ama gercek:
    parlak isikta telefondan bakan ziyaretci o satirlari okuyamaz.

    Yeni deger temanin KENDI paletinden: ayni dosyada `.slogan` gibi
    yerlerde zaten `#475569` kullaniliyordu; degisiklik yeni bir renk
    getirmiyor, var olani tutarli kiliyor.
*/

/* ---------------------------------------------------------------
   KONTRAST DUZELTMESI (WCAG 2.2 AA - 1.4.3)
   ---------------------------------------------------------------
   Asagidaki metinler olculdu ve esigin ALTINDA kaldi. Kucuk puntolu
   bir etiketin acik bir vurgu renginde yazilmasi tasarimda hos durur
   ama parlak isikta telefondan bakan ziyaretci onu okuyamaz.

   Renkler TONU KORUNARAK ayarlandi: RGB oranlari siyaha (ya da acik
   zeminde beyaza) dogru olceklendi, yani vurgu rengi ayni renk ailesinde
   kaldi - yalnizca okunur hale geldi. Vurgu rengi dugme, cerceve ve
   buyuk ogelerde DEGISMEDI; degisen yalnizca kucuk metin.
   --------------------------------------------------------------- */

/* .p-etiket: #f08a3c -> #ad632b   (kontrast 2.50 -> 4.57, esik 4.5) */
.p-etiket { color: #ad632b; }

/* .rakam: #f08a3c -> #d87c36   (kontrast 2.50 -> 3.06, esik 3.0) */
.rakam { color: #d87c36; }