:root
{
  --ink-black: #050519ff;
  --turf-green: #177245ff;
  --emerald: #4cc77bff;
  --soft-linen: #edeae0ff;
  --midnight-blue: #141874ff;
  --blue: #3428f0ff;
  --violet-ray: #8f00ffff;
}

:root:has( #light-mode-toggle:checked)
{
  --background: #edaae0;
  --content-background: #ffffff9f;
  --content-border: var(--violet-ray);
  --figure-border: var(--blue);
  --title-color: var(--ink-black);
  --text-color: var(--ink-black);
}
:root {
  --background: var(--midnight-blue); 
  --content-background: #0505199f;
  --content-border: var(--violet-ray);
  --figure-border: var(--blue);
  --title-color: var(--soft-linen);
  --text-color: var(--soft-linen);
  --link-color: var(--turf-green);
  --link-visited-color: var(--turf-green);
}