/* General */
:root {
    --border-radius: 0;
    --border-radius2x: 0;
    --default: #777;
    
    /* Logoya Özel Gradient (Yeni Eklendi) */
    --logo-gradient: linear-gradient(135deg, #7898b9 0%, #37506b 50%, #182230 100%);
}

/* Skin Colors (Logodaki Metalik Çelik Mavisi Tonları) */
:root {
    /* Primary: Logonun ana orta tonu (Çelik Mavisi) */
    --primary: #37506b;
    --primary-100: #2c4056;
    --primary-200: #213040;
    --primary-300: #16202b;
    --primary--100: #4f6d8d;
    --primary--200: #6a87a6;
    --primary--300: #88a2be;
    --primary-rgba-0: rgba(55, 80, 107, 0);
    --primary-rgba-10: rgba(55, 80, 107, 0.1);
    --primary-rgba-20: rgba(55, 80, 107, 0.2);
    --primary-rgba-30: rgba(55, 80, 107, 0.3);
    --primary-rgba-40: rgba(55, 80, 107, 0.4);
    --primary-rgba-50: rgba(55, 80, 107, 0.5);
    --primary-rgba-60: rgba(55, 80, 107, 0.6);
    --primary-rgba-70: rgba(55, 80, 107, 0.7);
    --primary-rgba-80: rgba(55, 80, 107, 0.8);
    --primary-rgba-90: rgba(55, 80, 107, 0.9);

    /* Secondary: Logodaki parlak yansıma tonu (Açık Metalik Mavi) */
    --secondary: #7898b9;
    --secondary-100: #607a94;
    --secondary-200: #485b6f;
    --secondary-300: #303d4a;
    --secondary--100: #91acd7;
    --secondary--200: #abbde2;
    --secondary--300: #c5ceee;
    --secondary-rgba-0: rgba(120, 152, 185, 0);
    --secondary-rgba-10: rgba(120, 152, 185, 0.1);
    --secondary-rgba-20: rgba(120, 152, 185, 0.2);
    --secondary-rgba-30: rgba(120, 152, 185, 0.3);
    --secondary-rgba-40: rgba(120, 152, 185, 0.4);
    --secondary-rgba-50: rgba(120, 152, 185, 0.5);
    --secondary-rgba-60: rgba(120, 152, 185, 0.6);
    --secondary-rgba-70: rgba(120, 152, 185, 0.7);
    --secondary-rgba-80: rgba(120, 152, 185, 0.8);
    --secondary-rgba-90: rgba(120, 152, 185, 0.9);

    /* Tertiary: Logodaki en koyu gölge tonu (Koyu Lacivert/Siyah) */
    --tertiary: #182230;
    --tertiary-100: #131b26;
    --tertiary-200: #0e141d;
    --tertiary-300: #0a0d13;
    --tertiary--100: #26364c;
    --tertiary--200: #354a67;
    --tertiary--300: #466085;
    --tertiary-rgba-0: rgba(24, 34, 48, 0);
    --tertiary-rgba-10: rgba(24, 34, 48, 0.1);
    --tertiary-rgba-20: rgba(24, 34, 48, 0.2);
    --tertiary-rgba-30: rgba(24, 34, 48, 0.3);
    --tertiary-rgba-40: rgba(24, 34, 48, 0.4);
    --tertiary-rgba-50: rgba(24, 34, 48, 0.5);
    --tertiary-rgba-60: rgba(24, 34, 48, 0.6);
    --tertiary-rgba-70: rgba(24, 34, 48, 0.7);
    --tertiary-rgba-80: rgba(24, 34, 48, 0.8);
    --tertiary-rgba-90: rgba(24, 34, 48, 0.9);

    /* Quaternary: Logoya uyumlu geçiş grisi (Kurşuni Gri-Mavi) */
    --quaternary: #263548;
    --quaternary-100: #1e2a3a;
    --quaternary-200: #171f2b;
    --quaternary-300: #0f151d;
    --quaternary--100: #374a62;
    --quaternary--200: #4a617e;
    --quaternary--300: #5e7a9b;
    --quaternary-rgba-0: rgba(38, 53, 72, 0);
    --quaternary-rgba-10: rgba(38, 53, 72, 0.1);
    --quaternary-rgba-20: rgba(38, 53, 72, 0.2);
    --quaternary-rgba-30: rgba(38, 53, 72, 0.3);
    --quaternary-rgba-40: rgba(38, 53, 72, 0.4);
    --quaternary-rgba-50: rgba(38, 53, 72, 0.5);
    --quaternary-rgba-60: rgba(38, 53, 72, 0.6);
    --quaternary-rgba-70: rgba(38, 53, 72, 0.7);
    --quaternary-rgba-80: rgba(38, 53, 72, 0.8);
    --quaternary-rgba-90: rgba(38, 53, 72, 0.9);

    /* Dark: Logodaki saf siyah arka plan ve hatlara uyumlu derin karanlık */
    --dark: #0a0f16;
    --dark-100: #070b10;
    --dark-200: #04060a;
    --dark-300: #000000;
    --dark--100: #141f2e;
    --dark--200: #1f2e45;
    --dark--300: #293e5c;
    --dark-rgba-0: rgba(10, 15, 22, 0);
    --dark-rgba-10: rgba(10, 15, 22, 0.1);
    --dark-rgba-20: rgba(10, 15, 22, 0.2);
    --dark-rgba-30: rgba(10, 15, 22, 0.3);
    --dark-rgba-40: rgba(10, 15, 22, 0.4);
    --dark-rgba-50: rgba(10, 15, 22, 0.5);
    --dark-rgba-60: rgba(10, 15, 22, 0.6);
    --dark-rgba-70: rgba(10, 15, 22, 0.7);
    --dark-rgba-80: rgba(10, 15, 22, 0.8);
    --dark-rgba-90: rgba(10, 15, 22, 0.9);

    /* Light: Yüksek kontrast sağlamak için saf ve temiz aydınlık tonlar */
    --light: #FFF;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
}

/* Skin Colors - Inverse */
:root {
    --primary-inverse: #FFF;
    --secondary-inverse: #FFF;
    --tertiary-inverse: #FFF;
    --quaternary-inverse: #FFF;
    --dark-inverse: #FFF;
    --light-inverse: #0a0f16;
}

/* Grey Colors (Logonun metalik hissiyatına uygun hafif mavi alt tonlu griler) */
:root {
    --grey: #8a96a3;
    --grey-100: #f0f2f5;
    --grey-200: #e1e5eb;
    --grey-300: #d2d9e1;
    --grey-400: #c3ccd6;
    --grey-500: #b4c0cc;
    --grey-600: #a5b3c2;
    --grey-700: #96a6b8;
    --grey-800: #7a8896;
    --grey-900: #5c6875;
    --grey-1000: #3e4753;
}