/*
 * Oto Başar colour palettes. Each palette defines the brand navy (plus two
 * lighter navies used for the row tones), the accent, the neutral grey, the
 * text colour used on top of the accent, and a light-mode / dark-mode variant
 * of the accent used for coloured text (so it always keeps enough contrast on
 * the page background).
 *
 * Default palette = the Oto Başar brand: Navy #1a2333 / #27364c / #2a465b and
 * Red #fb0000.
 */

:root,
html[data-palette="otobasaras"] {
	--otb-navy: #1a2333;
	--otb-navy-2: #27364c;
	--otb-navy-3: #2a465b;
	--otb-gray: #64748b;
	--otb-accent: #fb0000;
	--otb-accent-btn: #e60000;
	--otb-accent-hover: #c40000;
	--otb-on-accent: #ffffff;
	--otb-accent-text-l: #cc0000;
	--otb-accent-text-d: #ff6b6b;
}

html[data-palette="steel"] {
	--otb-navy: #0f3d6e;
	--otb-navy-2: #1a4d84;
	--otb-navy-3: #285f9a;
	--otb-gray: #64748b;
	--otb-accent: #f59e0b;
	--otb-accent-btn: #f59e0b;
	--otb-accent-hover: #d97706;
	--otb-on-accent: #111827;
	--otb-accent-text-l: #b45309;
	--otb-accent-text-d: #fbbf24;
}

html[data-palette="forest"] {
	--otb-navy: #14342b;
	--otb-navy-2: #1e4a3d;
	--otb-navy-3: #2a5f4f;
	--otb-gray: #6b7a72;
	--otb-accent: #15803d;
	--otb-accent-btn: #15803d;
	--otb-accent-hover: #166534;
	--otb-on-accent: #ffffff;
	--otb-accent-text-l: #15803d;
	--otb-accent-text-d: #4ade80;
}

html[data-palette="graphite"] {
	--otb-navy: #18181b;
	--otb-navy-2: #27272a;
	--otb-navy-3: #3f3f46;
	--otb-gray: #71717a;
	--otb-accent: #ea580c;
	--otb-accent-btn: #ea580c;
	--otb-accent-hover: #c2410c;
	--otb-on-accent: #111827;
	--otb-accent-text-l: #c2410c;
	--otb-accent-text-d: #fb923c;
}

html[data-palette="royal"] {
	--otb-navy: #1e1b4b;
	--otb-navy-2: #2e2a6b;
	--otb-navy-3: #3f3a8a;
	--otb-gray: #6b7280;
	--otb-accent: #0e7490;
	--otb-accent-btn: #0e7490;
	--otb-accent-hover: #155e75;
	--otb-on-accent: #ffffff;
	--otb-accent-text-l: #0e7490;
	--otb-accent-text-d: #22d3ee;
}

html[data-palette="burgundy"] {
	--otb-navy: #4c0519;
	--otb-navy-2: #650a24;
	--otb-navy-3: #7f1230;
	--otb-gray: #78716c;
	--otb-accent: #ca8a04;
	--otb-accent-btn: #ca8a04;
	--otb-accent-hover: #a16207;
	--otb-on-accent: #1c1917;
	--otb-accent-text-l: #a16207;
	--otb-accent-text-d: #facc15;
}