/* Light Theme */
:root[data-theme="light"] {
  --is-dark: 0; /* 0 = light, 1 = dark */

  --color-red: #ff004c;
  --color-orange: #ff5e00;
  --color-yellow: #ffdd00;
  --color-green: #00e63c;
  --color-blue: #006eff;
  --color-purple: #9500ff;

  --color-main: var(--color-red);
  --color-2: var(--color-orange);
  --color-3: var(--color-yellow);
  --color-4: var(--color-green);
  --color-5: var(--color-blue);
  --color-6: var(--color-purple);

  --color-neutral-black: #0a0a0a;
  --color-neutral-dark: #171717;
  --color-neutral-light: #adadad;
  --color-neutral-white: #ffffff;

  --color-neutral-off-white: #FFEBFA;

  --color-neutral-main: var(--color-neutral-off-white); /* Main neutral color for background, etc. */
  --color-neutral-2: var(--color-neutral-light); /* Secondary neutral color for subtler backgrounds, etc. */
  --color-neutral-3: var(--color-neutral-dark); /* Tertiary neutral color for less emphasised text etc. */
  --color-neutral-4: var(--color-neutral-black); /* Opposite neutral color for text, icons etc. */

  /* Applied Colors */
  --color-bg: var(--color-neutral-main);
  --color-title: var(--color-neutral-white);
  --color-text: var(--color-neutral-black);
  --color-text-inverted: var(--color-neutral-black);
  --color-link: var(--color-main);
  --color-link-hover: var(--color-neutral-3);

  /* UI Elements */
  --color-button-bg: var(--color-main);
  --color-button-text: var(--color-neutral-4);
  --color-button-hover: var(--color-neutral-3);

  --color-border: var(--color-main);
  --color-shadow: rgba(0, 0, 0, 0.3);

  --img-streamers: url(/assets/images/vines.png);
}