﻿/* AO Color Palette */
/* https://www.tennis.com.au/wp-content/uploads/2023/05/TA12171_TennisAustralia_QuickReferenceGuide_S13R1_D2.pdf */

/* Roland garros colors */
.rg-deep-orange-bg,
.rg-deep-orange-bg-hover:hover {
	background-color: #c95917 !important; /* Base blue */
}
.rg-orange-bg,
.rg-orange-bg-hover:hover {
	background-color: #ff9905 !important; /* Base blue */
}

/* Background colors */
.ao-ta-blue-bg,
.ao-ta-blue-bg-hover:hover {
	background-color: #1775FF !important; /* Base blue */
}

.ao-ta-green-bg,
.ao-ta-green-bg-hover:hover {
	background-color: #59FF00 !important; /* Base green */
}

.ao-ta-deep-green-bg,
.ao-ta-deep-green-bg-hover:hover {
	background-color: #00C900 !important; /* Base deep green */
}

.ao-ta-navy-bg,
.ao-ta-navy-bg-hover:hover {
	background-color: #001F3D !important; /* Base navy */
}

.ao-white-bg,
.ao-white-bg-hover:hover {
	background-color: #FFFFFF !important; /* White */
}

.ao-grey-bg,
.ao-grey-bg-hover:hover {
	background-color: #B6B6B6 !important; /* Grey */
}

.ao-orange-bg,
.ao-orange-bg-hover:hover {
	background-color: #FF8000 !important; /* Base orange */
}

.ao-deep-orange-bg,
.ao-deep-orange-bg-hover:hover {
	background-color: #D63D00 !important; /* Base deep orange */
}

.ao-pink-bg,
.ao-pink-bg-hover:hover {
	background-color: #EB0099 !important; /* Base pink */
}

.ao-deep-pink-bg,
.ao-deep-pink-bg-hover:hover {
	background-color: #8A0A82 !important; /* Base deep pink */
}

.ao-electric-blue-bg,
.ao-electric-blue-bg-hover:hover {
	background-color: #00FFFF !important; /* Electric blue */
}

.ao-deep-blue-bg,
.ao-deep-blue-bg-hover:hover {
	background-color: #00ABFF !important; /* Base deep blue */
}


/* Font colors */
.ao-ta-blue {
	color: #1775FF !important;
}

.ao-ta-green {
	color: #59FF00 !important;
}

.ao-ta-deep-green {
	color: #00C900 !important;
}

.ao-ta-navy {
	color: #001F3D !important;
}

.ao-white {
	color: #FFFFFF !important;
}

.ao-white-hover:hover {
	color: #FFFFFF !important;
}

.ao-grey {
	color: #B6B6B6 !important;
}

.ao-orange {
	color: #FF8000 !important;
}

.ao-deep-orange {
	color: #D63D00 !important;
}

.ao-pink {
	color: #EB0099 !important;
}

.ao-deep-pink {
	color: #8A0A82 !important;
}

.ao-electric-blue {
	color: #00FFFF !important;
}

.ao-deep-blue {
	color: #00ABFF !important;
}




/* Alternative: Background and hover colors */
.ta-blue-bg-1,
.ta-blue-bg-1-hover:hover {
	background-color: #0A2454 !important; /* Darkest shade */
}

.ta-blue-bg-2,
.ta-blue-bg-2-hover:hover {
	background-color: #0F3A80 !important; /* Darker shade */
}

.ta-blue-bg-3,
.ta-blue-bg-3-hover:hover {
	background-color: #1456B2 !important; /* Medium-dark shade */
}

.ta-blue-bg-4,
.ta-blue-bg-4-hover:hover {
	background-color: #1775FF !important; /* Base color */
}

.ta-blue-bg-5,
.ta-blue-bg-5-hover:hover {
	background-color: #3C8FFF !important; /* Medium-light shade */
}

.ta-blue-bg-6,
.ta-blue-bg-6-hover:hover {
	background-color: #5AA9FF !important; /* Lightest shade */
}

.ta-green-bg-1,
.ta-green-bg-1-hover:hover {
	background-color: #1A4D00 !important; /* Darkest shade */
}

.ta-green-bg-2,
.ta-green-bg-2-hover:hover {
	background-color: #009f47 !important; /* Darker shade */
}

.ta-green-bg-3,
.ta-green-bg-3-hover:hover {
	background-color: #42B300 !important; /* Medium-dark shade */
}

.ta-green-bg-4,
.ta-green-bg-4-hover:hover {
	background-color: #59FF00 !important; /* Base color */
}

.ta-green-bg-5,
.ta-green-bg-5-hover:hover {
	background-color: #6FFF3D !important; /* Medium-light shade */
}

.ta-green-bg-6,
.ta-green-bg-6-hover:hover {
	background-color: #85FF66 !important; /* Lightest shade */
}

.ta-navy-bg-1,
.ta-navy-bg-1-hover:hover {
	background-color: #000A14 !important; /* Darkest shade */
}

.ta-navy-bg-2,
.ta-navy-bg-2-hover:hover {
	background-color: #001B2D !important; /* Darker shade */
}

.ta-navy-bg-3,
.ta-navy-bg-3-hover:hover {
	background-color: #002D4B !important; /* Medium-dark shade */
}

.ta-navy-bg-4,
.ta-navy-bg-4-hover:hover {
	background-color: #001F3D !important; /* Base color */
}

.ta-navy-bg-5,
.ta-navy-bg-5-hover:hover {
	background-color: #004066 !important; /* Medium-light shade */
}

.ta-navy-bg-6,
.ta-navy-bg-6-hover:hover {
	background-color: #00558A !important; /* Lightest shade */
}

.deep-blue-bg-1,
.deep-blue-bg-1-hover:hover {
	background-color: #00334D !important; /* Darkest shade */
}

.deep-blue-bg-2,
.deep-blue-bg-2-hover:hover {
	background-color: #004D73 !important; /* Darker shade */
}

.deep-blue-bg-3,
.deep-blue-bg-3-hover:hover {
	background-color: #006699 !important; /* Medium-dark shade */
}

.deep-blue-bg-4,
.deep-blue-bg-4-hover:hover {
	background-color: #00ABFF !important; /* Base color */
}

.deep-blue-bg-5,
.deep-blue-bg-5-hover:hover {
	background-color: #33BFFF !important; /* Medium-light shade */
}

.deep-blue-bg-6,
.deep-blue-bg-6-hover:hover {
	background-color: #66D3FF !important; /* Lightest shade */
}

.deep-pink-bg-1,
.deep-pink-bg-1-hover:hover {
	background-color: #3A002E !important; /* Darkest shade */
}

.deep-pink-bg-2,
.deep-pink-bg-2-hover:hover {
	background-color: #5B0052 !important; /* Darker shade */
}

.deep-pink-bg-3,
.deep-pink-bg-3-hover:hover {
	background-color: #7D0076 !important; /* Medium-dark shade */
}

.deep-pink-bg-4,
.deep-pink-bg-4-hover:hover {
	background-color: #8A0A82 !important; /* Base color */
}

.deep-pink-bg-5,
.deep-pink-bg-5-hover:hover {
	background-color: #A03C99 !important; /* Medium-light shade */
}

.deep-pink-bg-6,
.deep-pink-bg-6-hover:hover {
	background-color: #B566B2 !important; /* Lightest shade */
}

.orange-bg-1,
.orange-bg-1-hover:hover {
	background-color: #4D1A00 !important; /* Darkest shade */
}

.orange-bg-2,
.orange-bg-2-hover:hover {
	background-color: #803300 !important; /* Darker shade */
}

.orange-bg-3,
.orange-bg-3-hover:hover {
	background-color: #B34D00 !important; /* Medium-dark shade */
}

.orange-bg-4,
.orange-bg-4-hover:hover {
	background-color: #D63D00 !important; /* Base color */
}

.orange-bg-5,
.orange-bg-5-hover:hover {
	background-color: #FF8000 !important; /* Medium-light shade */
}

.orange-bg-6,
.orange-bg-6-hover:hover {
	background-color: #FFA64D !important; /* Lightest shade */
}

.red-bg-1,
.red-bg-1-hover:hover {
	background-color: #330000 !important; /* Darkest shade */
}

.red-bg-2,
.red-bg-2-hover:hover {
	background-color: #660000 !important; /* Darker shade */
}

.red-bg-3,
.red-bg-3-hover:hover {
	background-color: #990000 !important; /* Medium-dark shade */
}

.red-bg-4,
.red-bg-4-hover:hover {
	background-color: #E30303 !important; /* Base color */
}

.red-bg-5,
.red-bg-5-hover:hover {
	background-color: #FF3333 !important; /* Medium-light shade */
}

.red-bg-6,
.red-bg-6-hover:hover {
	background-color: #FF6666 !important; /* Lightest shade */
}

.ice-blue-bg-1,
.ice-blue-bg-1-hover:hover {
	background-color: #1A3A4D !important; /* Darkest shade */
}

.ice-blue-bg-2,
.ice-blue-bg-2-hover:hover {
	background-color: #2E5A73 !important; /* Darker shade */
}

.ice-blue-bg-3,
.ice-blue-bg-3-hover:hover {
	background-color: #4C7D99 !important; /* Medium-dark shade */
}

.ice-blue-bg-4,
.ice-blue-bg-4-hover:hover {
	background-color: #669CBE !important; /* Base color (your provided value) */
}

.ice-blue-bg-5,
.ice-blue-bg-5-hover:hover {
	background-color: #98C0DD !important; /* Medium-light shade */
}

.ice-blue-bg-6,
.ice-blue-bg-6-hover:hover {
	background-color: #C5DFEE !important; /* Lightest shade */
}

.gray-bg-1,
.gray-bg-1-hover:hover {
	background-color: #1A1A1A !important; /* Darkest shade */
}

.gray-bg-2,
.gray-bg-2-hover:hover {
	background-color: #333333 !important; /* Darker shade */
}

.gray-bg-3,
.gray-bg-3-hover:hover {
	background-color: #4D4D4D !important; /* Medium-dark shade */
}

.gray-bg-4,
.gray-bg-4-hover:hover {
	background-color: #808080 !important; /* Base color */
}

.gray-bg-5,
.gray-bg-5-hover:hover {
	background-color: #B3B3B3 !important; /* Medium-light shade */
}

.gray-bg-6,
.gray-bg-6-hover:hover {
	background-color: #D9D9D9 !important; /* Lightest shade */
}




/* Alternative: Font colors */
.ta-blue-text-1 {
	color: #0A2454 !important; /* Darkest shade */
}

.ta-blue-text-2 {
	color: #0F3A80 !important; /* Darker shade */
}

.ta-blue-text-3 {
	color: #1456B2 !important; /* Medium-dark shade */
}

.ta-blue-text-4 {
	color: #1775FF !important; /* Base color */
}

.ta-blue-text-5 {
	color: #3C8FFF !important; /* Medium-light shade */
}

.ta-blue-text-6 {
	color: #5AA9FF !important; /* Lightest shade */
}

.ta-green-text-1 {
	color: #1A4D00 !important; /* Darkest shade */
}

.ta-green-text-2 {
	color: #009f47 !important; /* Darker shade */
}

.ta-green-text-3 {
	color: #42B300 !important; /* Medium-dark shade */
}

.ta-green-text-4 {
	color: #59FF00 !important; /* Base color */
}

.ta-green-text-5 {
	color: #6FFF3D !important; /* Medium-light shade */
}

.ta-green-text-6 {
	color: #85FF66 !important; /* Lightest shade */
}

.ta-navy-text-1 {
	color: #000A14 !important; /* Darkest shade */
}

.ta-navy-text-2 {
	color: #001B2D !important; /* Darker shade */
}

.ta-navy-text-3 {
	color: #002D4B !important; /* Medium-dark shade */
}

.ta-navy-text-4 {
	color: #001F3D !important; /* Base color */
}

.ta-navy-text-5 {
	color: #004066 !important; /* Medium-light shade */
}

.ta-navy-text-6 {
	color: #00558A !important; /* Lightest shade */
}

.deep-blue-text-1 {
	color: #00334D !important; /* Darkest shade */
}

.deep-blue-text-2 {
	color: #004D73 !important; /* Darker shade */
}

.deep-blue-text-3 {
	color: #006699 !important; /* Medium-dark shade */
}

.deep-blue-text-4 {
	color: #00ABFF !important; /* Base color */
}

.deep-blue-text-5 {
	color: #33BFFF !important; /* Medium-light shade */
}

.deep-blue-text-6 {
	color: #66D3FF !important; /* Lightest shade */
}

.deep-pink-text-1 {
	color: #3A002E !important; /* Darkest shade */
}

.deep-pink-text-2 {
	color: #5B0052 !important; /* Darker shade */
}

.deep-pink-text-3 {
	color: #7D0076 !important; /* Medium-dark shade */
}

.deep-pink-text-4 {
	color: #8A0A82 !important; /* Base color */
}

.deep-pink-text-5 {
	color: #A03C99 !important; /* Medium-light shade */
}

.deep-pink-text-6 {
	color: #B566B2 !important; /* Lightest shade */
}


.orange-text-1 {
	color: #4D1A00 !important; /* Darkest shade */
}

.orange-text-2 {
	color: #803300 !important; /* Darker shade */
}

.orange-text-3 {
	color: #B34D00 !important; /* Medium-dark shade */
}

.orange-text-4 {
	color: #D63D00 !important; /* Base color */
}

.orange-text-5 {
	color: #FF8000 !important; /* Medium-light shade */
}

.orange-text-6 {
	color: #FFA64D !important; /* Lightest shade */
}

.red-text-1 {
	color: #330000 !important; /* Darkest shade */
}

.red-text-2 {
	color: #660000 !important; /* Darker shade */
}

.red-text-3 {
	color: #990000 !important; /* Medium-dark shade */
}

.red-text-4 {
	color: #E30303 !important; /* Base color */
}

.red-text-5 {
	color: #FF3333 !important; /* Medium-light shade */
}

.red-text-6 {
	color: #FF6666 !important; /* Lightest shade */
}

.ice-blue-text-1 {
	color: #1A3A4D !important; /* Darkest shade */
}

.ice-blue-text-2 {
	color: #2E5A73 !important; /* Darker shade */
}

.ice-blue-text-3 {
	color: #4C7D99 !important; /* Medium-dark shade */
}

.ice-blue-text-4 {
	color: #669CBE !important; /* Base color (your provided value) */
}

.ice-blue-text-5 {
	color: #98C0DD !important; /* Medium-light shade */
}

.ice-blue-text-6 {
	color: #C5DFEE !important; /* Lightest shade */
}

.gray-text-1 {
	color: #1A1A1A !important; /* Darkest shade */
}

.gray-text-2 {
	color: #333333 !important; /* Darker shade */
}

.gray-text-3 {
	color: #4D4D4D !important; /* Medium-dark shade */
}

.gray-text-4 {
	color: #808080 !important; /* Base color */
}

.gray-text-5 {
	color: #B3B3B3 !important; /* Medium-light shade */
}

.gray-text-6 {
	color: #D9D9D9 !important; /* Lightest shade */
}