/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #666;
}

/* ═══════════════════════════════════════════════════════════
   INCUVIONLAB Brand Palette
   Primary  (koyu sarı) : #F8AF03
   Secondary (açık sarı): #FCC000
   Tertiary  (siyah)    : #1A1A1A
   Quaternary (koyu gri): #2D2D2D
   Dark (tam siyah)     : #111111
   ═══════════════════════════════════════════════════════════ */

/* Skin Colors */
:root {
	/* ── Primary : Koyu Sarı #F8AF03 ── */
	--primary:      #F8AF03;
	--primary-100:  #dF9E03;   /* %10 koyu */
	--primary-200:  #C68E02;   /* %20 koyu */
	--primary-300:  #AD7E02;   /* %30 koyu */
	--primary--100: #F9B71A;   /* %10 açık  */
	--primary--200: #FABB2E;   /* %20 açık  */
	--primary--300: #FCC042;   /* %30 açık  */
	--primary-rgba-0:   rgba(248, 175, 3, 0);
	--primary-rgba-10:  rgba(248, 175, 3, 0.1);
	--primary-rgba-20:  rgba(248, 175, 3, 0.2);
	--primary-rgba-30:  rgba(248, 175, 3, 0.3);
	--primary-rgba-40:  rgba(248, 175, 3, 0.4);
	--primary-rgba-50:  rgba(248, 175, 3, 0.5);
	--primary-rgba-60:  rgba(248, 175, 3, 0.6);
	--primary-rgba-70:  rgba(248, 175, 3, 0.7);
	--primary-rgba-80:  rgba(248, 175, 3, 0.8);
	--primary-rgba-90:  rgba(248, 175, 3, 0.9);

	/* ── Secondary : Açık Sarı #FCC000 ── */
	--secondary:      #FCC000;
	--secondary-100:  #E3AC00;   /* %10 koyu */
	--secondary-200:  #CA9900;   /* %20 koyu */
	--secondary-300:  #B18600;   /* %30 koyu */
	--secondary--100: #FCC71A;   /* %10 açık  */
	--secondary--200: #FCCD33;   /* %20 açık  */
	--secondary--300: #FCD44D;   /* %30 açık  */
	--secondary-rgba-0:   rgba(252, 192, 0, 0);
	--secondary-rgba-10:  rgba(252, 192, 0, 0.1);
	--secondary-rgba-20:  rgba(252, 192, 0, 0.2);
	--secondary-rgba-30:  rgba(252, 192, 0, 0.3);
	--secondary-rgba-40:  rgba(252, 192, 0, 0.4);
	--secondary-rgba-50:  rgba(252, 192, 0, 0.5);
	--secondary-rgba-60:  rgba(252, 192, 0, 0.6);
	--secondary-rgba-70:  rgba(252, 192, 0, 0.7);
	--secondary-rgba-80:  rgba(252, 192, 0, 0.8);
	--secondary-rgba-90:  rgba(252, 192, 0, 0.9);

	/* ── Tertiary : Siyah #1A1A1A ── */
	--tertiary:      #1A1A1A;
	--tertiary-100:  #111111;
	--tertiary-200:  #0D0D0D;
	--tertiary-300:  #080808;
	--tertiary--100: #2A2A2A;
	--tertiary--200: #333333;
	--tertiary--300: #3D3D3D;
	--tertiary-rgba-0:   rgba(26, 26, 26, 0);
	--tertiary-rgba-10:  rgba(26, 26, 26, 0.1);
	--tertiary-rgba-20:  rgba(26, 26, 26, 0.2);
	--tertiary-rgba-30:  rgba(26, 26, 26, 0.3);
	--tertiary-rgba-40:  rgba(26, 26, 26, 0.4);
	--tertiary-rgba-50:  rgba(26, 26, 26, 0.5);
	--tertiary-rgba-60:  rgba(26, 26, 26, 0.6);
	--tertiary-rgba-70:  rgba(26, 26, 26, 0.7);
	--tertiary-rgba-80:  rgba(26, 26, 26, 0.8);
	--tertiary-rgba-90:  rgba(26, 26, 26, 0.9);

	/* ── Quaternary : Koyu Gri #2D2D2D ── */
	--quaternary:      #2D2D2D;
	--quaternary-100:  #222222;
	--quaternary-200:  #1A1A1A;
	--quaternary-300:  #141414;
	--quaternary--100: #3A3A3A;
	--quaternary--200: #444444;
	--quaternary--300: #4F4F4F;
	--quaternary-rgba-0:   rgba(45, 45, 45, 0);
	--quaternary-rgba-10:  rgba(45, 45, 45, 0.1);
	--quaternary-rgba-20:  rgba(45, 45, 45, 0.2);
	--quaternary-rgba-30:  rgba(45, 45, 45, 0.3);
	--quaternary-rgba-40:  rgba(45, 45, 45, 0.4);
	--quaternary-rgba-50:  rgba(45, 45, 45, 0.5);
	--quaternary-rgba-60:  rgba(45, 45, 45, 0.6);
	--quaternary-rgba-70:  rgba(45, 45, 45, 0.7);
	--quaternary-rgba-80:  rgba(45, 45, 45, 0.8);
	--quaternary-rgba-90:  rgba(45, 45, 45, 0.9);

	/* ── Dark : Tam Siyah #111111 ── */
	--dark:      #111111;
	--dark-100:  #0A0A0A;
	--dark-200:  #060606;
	--dark-300:  #030303;
	--dark--100: #1F1F1F;
	--dark--200: #2A2A2A;
	--dark--300: #333333;
	--dark-rgba-0:   rgba(17, 17, 17, 0);
	--dark-rgba-10:  rgba(17, 17, 17, 0.1);
	--dark-rgba-20:  rgba(17, 17, 17, 0.2);
	--dark-rgba-30:  rgba(17, 17, 17, 0.3);
	--dark-rgba-40:  rgba(17, 17, 17, 0.4);
	--dark-rgba-50:  rgba(17, 17, 17, 0.5);
	--dark-rgba-60:  rgba(17, 17, 17, 0.6);
	--dark-rgba-70:  rgba(17, 17, 17, 0.7);
	--dark-rgba-80:  rgba(17, 17, 17, 0.8);
	--dark-rgba-90:  rgba(17, 17, 17, 0.9);

	/* ── Light : Beyaz ── */
	--light:      #FFFFFF;
	--light-100:  #F5F5F5;
	--light-200:  #EFEFEF;
	--light-300:  #E8E8E8;
	--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
   Sarı arka plan üzerinde siyah metin; siyah/gri arka plan üzerinde beyaz metin */
:root {
	--primary-inverse:    #111111;   /* sarı buton → siyah yazı */
	--secondary-inverse:  #111111;   /* açık sarı → siyah yazı  */
	--tertiary-inverse:   #FFFFFF;   /* siyah arka plan → beyaz yazı */
	--quaternary-inverse: #FFFFFF;   /* koyu gri → beyaz yazı   */
	--dark-inverse:       #FFFFFF;   /* tam siyah → beyaz yazı  */
	--light-inverse:      #444444;   /* beyaz → koyu gri yazı   */
}

/* Grey Colors – Siyah/Gri Tonus Paleti */
:root {
	--grey:      #888888;
	--grey-100:  #F7F7F7;   /* en açık - arka plan */
	--grey-200:  #EEEEEE;
	--grey-300:  #E5E5E5;
	--grey-400:  #D8D8D8;
	--grey-500:  #C8C8C8;
	--grey-600:  #B0B0B0;
	--grey-700:  #969696;
	--grey-800:  #777777;
	--grey-900:  #555555;
	--grey-1000: #333333;   /* en koyu - metin */
}