/* --- CORE VARIABLES --- */
:root {
  --main-dark: #3b3d41; /* pantone: black-beauty */
  --main-light: #eef0f2; /* pantone: brilliant-white */
  --main-primary: #ffd500; /* pantone: cyber-yellow */
  --main-secondary: #9569a3; /* pantone: bellflower */

  /* Theme Variables (Default Light) */
  --background-color: var(--main-light);
  --text-color: var(--main-dark);
  --border-color: var(--main-dark);

  /* Branding Colors (Default Light) */
  --logo-primary: var(--main-secondary);
  --logo-accent: var(--main-dark);
}

html.dark,
.dark {
  /* Theme Overrides (Dark Theme) */
  --background-color: var(--main-dark);
  --text-color: var(--main-light);
  --border-color: var(--main-light);

  /* Branding Colors (Dark Theme) */
  --logo-primary: var(--main-primary);
  --logo-accent: var(--main-light);
}