/* Default (light) theme */
:root {
    --button-bg: black;
    --button-border-color: #ffffff;
    --button-text: #ffffff;
    --bg-color: #ffffff;
    --text-color: #000000;
    /* Add more variables as needed */
  }
  
  /* Dark theme */
  [data-theme="dark"] {
    --button-bg: #bb86fc;
    --button-text: #000000;
    --bg-color: #121212;
    --text-color: #e0e0e0;
  }