/* ============================================================
   arbek-web — tasarım değişkenleri ("Şartname" sistemi)
   Marka: lacivert #243B95, kırmızı NOKTALAMA #C10A28 (≤%5 alan).
   Kurallar: saf #000/#fff yok (nötrler laciverte tintli), gradient text yok,
   side-stripe border yok, hareket ≤500ms yalnız opacity/transform.
   ============================================================ */

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/ArchivoVariable-latin.woff2') format('woff2');
    font-weight: 100 900;
    font-stretch: 62% 125%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/ArchivoVariable-latinext.woff2') format('woff2');
    font-weight: 100 900;
    font-stretch: 62% 125%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    /* Marka lacivert skalası */
    --ak-navy-950: #0A102E;
    --ak-navy-900: #111A4A;
    --ak-navy-800: #182566;
    --ak-navy-700: #1E2F7D;
    --ak-navy-600: #243B95;   /* logo rengi */
    --ak-navy-500: #3D55AD;
    --ak-navy-400: #6479C2;
    --ak-navy-300: #98A8DB;
    --ak-navy-200: #C6D0EE;
    --ak-navy-100: #DDE4F6;
    --ak-navy-50:  #EFF2FB;

    /* Kırmızı: yalnız noktalama (şartname noktası, metrik rakamı, logo yankısı) */
    --ak-red: #C10A28;
    --ak-red-bright: #E23A52; /* koyu zeminde okunur ton */

    /* Nötrler (laciverte tintli) */
    --ak-ink:      #10131B;
    --ak-body:     #3A4150;
    --ak-muted:    #6A7183;
    --ak-line:     #E3E6EF;
    --ak-line-soft:#EDF0F7;
    --ak-bg:       #FCFCFE;   /* sayfa zemini */
    --ak-bg-soft:  #EFF2FB;   /* yumuşak bölüm zemini — #F5F6FA beyazdan 1,054:1 ile ayırt edilemiyordu */
    --ak-surface:  #FEFEFF;   /* kart/yüzey */

    /* Koyu (lacivert) yüzey metinleri */
    --ak-on-dark:       #F4F6FC;
    --ak-on-dark-muted: #B8C1DC;
    --ak-on-dark-line:  rgba(198, 208, 238, .16);

    /* Biçim — referans çıtası: cömert yuvarlaklık (pill dili) */
    --ak-r-sm: 14px;
    --ak-r:    22px;
    --ak-r-lg: 30px;
    --ak-pill: 999px;
    --ak-shadow:    0 6px 24px rgba(16, 19, 27, .07);
    --ak-shadow-lg: 0 28px 70px rgba(16, 19, 27, .16);

    /* Hareket */
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --dur: 480ms;              /* YALNIZ .ak-reveal girişleri için */
    /* Hover/aktif gibi girdi-cevap geçişleri: 480ms + uzun kuyruklu giriş eğrisi
       "yavaş yazılım" hissi veriyordu. Etkileşim geri bildirimi ayrı ölçüde. */
    --dur-ui: 160ms;
    --ease-ui: cubic-bezier(.2, .6, .3, 1);

    /* Yerleşim */
    --container: 1200px;
    --gutter: clamp(1.1rem, 4vw, 2rem);
    --section-gap:    clamp(4.75rem, 8vw, 7.25rem);
    /* Ritim kademeleri: 8 bölümün hepsi aynı boşlukta olunca sayfa metronom gibi
       okunuyordu. --air nefes aldıran anlatı bölümleri, --tight yoğun listeler için. */
    --section-gap-lg: clamp(6rem, 10vw, 9rem);
    --section-gap-sm: clamp(3.25rem, 5.5vw, 4.5rem);
    --header-h: 76px;

    /* Tipografi */
    --font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --fs-display: clamp(2.5rem, 1.1rem + 4.6vw, 4.4rem);
    --fs-h2:      clamp(1.85rem, 1.1rem + 2.2vw, 2.75rem);
    --fs-h3:      clamp(1.3rem, 1.05rem + .9vw, 1.65rem);
    --fs-lead:    clamp(1.06rem, 1rem + .35vw, 1.22rem);
}