/* hey, you found the theme file! */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap');

:root {
	--sidebar-width: 234px;
	--max-sheet-width: 1024px;
	--sans-font: 'Jost', sans-serif;
	--serif-font: 'Playfair Display', serif;
	--serif-font-2: 'EB Garamond', serif;
	/* smaller font, for card title and composer in sheet */

	/* colors */
	--gold: #C9A84C;

	/* Light Theme */
	--goldDim: #C9A84C44;
	--chrome: #F6F6F6;
	--chrome2: #EFEFEF;
	--sheet: #F5F5F5;
	/* sheet background and intro screen */
	--border: #E0E0E0;
	--hoverBg: #F4F4F0;
	--text: #111111;
	--textMid: #555555;
	--textDim: #9A9A9A;
	--card: #FFFFFF;
	--cardBorder: #E4E4E4;
	--shadow: rgba(0, 0, 0, 0.06);
	--dropdownBg: #FFFFFF;
	--dropdownBorder: #D0D0D0;
	--dropdownShadow: 0 10px 40px rgba(0, 0, 0, 0.14);
	--dropdownHoverBg: #e3e3e3;
	/* staff, and any lines in the sheet */
	--stave: #2A2A2A;
	/* text, and notes */
	--noteText: #2A2A2A;
	/* wrong/extra notes in practice/performance mode */
	--wrong: #D94A4A;
}

:root.dark {
	/* Dark Theme */
	--goldDim: #C9A84C55;
	--chrome: #1A1A1A;
	--chrome2: #202020;
	--sheet: #141414;
	--border: #474747;
	--hoverBg: #2A2A2A;
	--text: #E8E8E8;
	--textMid: #a8a8a8;
	--textDim: #777777;
	--card: #222222;
	--cardBorder: #303030;
	--shadow: rgba(0, 0, 0, 0.5);
	--dropdownBg: #2D2D2D;
	--dropdownBorder: #3C3C3C;
	--dropdownShadow: 0 10px 40px rgba(0, 0, 0, 0.6);
	--dropdownHoverBg: #3C3C3C;
	--stave: #c4c4c4;
	--noteText: #dadada;
	--wrong: #D94A4A;
}