/* =============== ROOT VARIABLES (Theme from Infographic) =============== */ :root { --bg-color: #212121; --card-bg-color: #1F2937; /* Equivalent to bg-gray-800 */ --text-primary: #d5d5d5; --text-secondary: #9CA3AF; /* Equivalent to text-gray-400 */ --accent-color: #F9A826; --accent-hover: #FBC02D; --text-on-accent: #212121; --font-body: 'Inter', sans-serif; --font-header: 'Oswald', sans-serif; } /* =============== GLOBAL STYLES =============== */ * { box-sizing: border-box; } /* Body styles are now set in the of index.html to load before your custom styles. You can leave this empty or remove it if you like. */ body { font-family: var(--font-body); /* background-color: var(--bg-color); */ /* Handled by inline