/* ==========================================================================
   ICOAIS — TASARIM BELİRTEÇLERİ (design tokens)
   Tek renk/ölçü kaynağı. Sitedeki mevcut palet birebir korunmuştur;
   ara tonlar bu renklerden türetilmiştir.
   ========================================================================== */

:root {
    /* --- Marka renkleri (mevcut paletten, değiştirilmedi) --- */
    --ic-ink-950: #06091a;   /* en koyu lacivert — üst şerit, koyu bölümler */
    --ic-ink-900: #0a0f1e;   /* lacivert — header, başlıklar, rozetler      */
    --ic-ink-800: #111830;   /* türetilmiş — kart üstü koyu yüzey           */
    --ic-ink-700: #1c2440;   /* türetilmiş — kenarlık / ayraç (koyu zemin)  */

    --ic-red-700: #96291f;   /* türetilmiş — basılı/aktif                   */
    --ic-red-600: #a93226;   /* türetilmiş — hover                          */
    --ic-red-500: #c0392b;   /* ANA VURGU                                   */
    --ic-red-200: #ff9d8f;   /* rozet yazısı                                */

    --ic-blue-900: #002060;  /* içerik başlıklarındaki kurumsal mavi        */

    /* --- Yüzeyler --- */
    --ic-surface:        #ffffff;
    --ic-surface-alt:    #f4f6fa;   /* iç sayfa zemini */
    --ic-surface-muted:  #f8f9fb;   /* tablo şerit, hafif vurgu */
    --ic-surface-warm:   #f8f6f6;   /* alıntı bloğu */

    /* --- Kenarlıklar --- */
    --ic-border:      #e6e9f0;
    --ic-border-soft: #eceef3;
    --ic-border-dark: rgba(255, 255, 255, .10);

    /* --- Metin --- */
    --ic-text:        #333a48;
    --ic-text-strong: #0a0f1e;
    --ic-text-muted:  #555c6b;
    --ic-text-faint:  #8a91a3;
    --ic-text-on-dark:       #ffffff;
    --ic-text-on-dark-muted: #aab0c0;

    /* --- Tipografi --- */
    --ic-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

    --ic-fs-xs:   11px;
    --ic-fs-sm:   13px;
    --ic-fs-base: 15.5px;
    --ic-fs-md:   17px;
    --ic-fs-lg:   20px;
    --ic-fs-xl:   24px;
    --ic-fs-2xl:  30px;
    --ic-fs-3xl:  38px;
    --ic-fs-4xl:  46px;

    --ic-lh-tight: 1.2;
    --ic-lh-snug:  1.45;
    --ic-lh-base:  1.75;
    --ic-lh-loose: 1.85;

    --ic-track-wide:  0.08em;   /* rozet / etiket */
    --ic-track-title: -0.01em;  /* büyük başlık */

    /* --- Boşluk ölçeği (4px tabanlı) --- */
    --ic-sp-1:  4px;
    --ic-sp-2:  8px;
    --ic-sp-3:  12px;
    --ic-sp-4:  16px;
    --ic-sp-5:  24px;
    --ic-sp-6:  32px;
    --ic-sp-7:  40px;
    --ic-sp-8:  56px;
    --ic-sp-9:  72px;
    --ic-sp-10: 96px;

    /* --- Ölçüler --- */
    --ic-container: 1180px;   /* içerik genişliği */
    --ic-measure:   72ch;     /* okunabilir satır uzunluğu */

    /* --- Köşe yarıçapı --- */
    --ic-radius-sm:   4px;
    --ic-radius:      8px;
    --ic-radius-lg:   14px;
    --ic-radius-pill: 999px;

    /* --- Gölgeler (yumuşak, katmanlı) --- */
    --ic-shadow-xs: 0 1px 2px rgba(10, 15, 30, .05);
    --ic-shadow-sm: 0 1px 3px rgba(10, 15, 30, .06), 0 1px 2px rgba(10, 15, 30, .04);
    --ic-shadow-md: 0 4px 12px rgba(10, 15, 30, .07), 0 2px 4px rgba(10, 15, 30, .04);
    --ic-shadow-lg: 0 12px 32px rgba(10, 15, 30, .10), 0 4px 8px rgba(10, 15, 30, .05);
    --ic-shadow-dark: 0 2px 18px rgba(0, 0, 0, .45);

    /* --- Geçişler --- */
    --ic-ease: cubic-bezier(.4, 0, .2, 1);
    --ic-dur-fast: .15s;
    --ic-dur:      .22s;
    --ic-dur-slow: .35s;

    /* --- Katmanlar --- */
    --ic-z-header: 1030;
    --ic-z-overlay: 1040;
    --ic-z-top: 1050;

    /* Bootstrap 5'in kendi değişkenlerini markaya bağla */
    --bs-body-font-family: var(--ic-font);
    --bs-body-color: var(--ic-text);
    --bs-body-bg: var(--ic-surface);
    --bs-primary: var(--ic-red-500);
    --bs-link-color: var(--ic-ink-900);
    --bs-link-hover-color: var(--ic-red-500);
    --bs-border-color: var(--ic-border);
    --bs-border-radius: var(--ic-radius);
}