.button {
 background-color: var(--background); 
}
:root {
  --gap: 2px;
  --padding-containers: 1px;
  --padding-buttons: var(--gap) 1em;
  --border-radius: 20px;
}
body {
  background-color: var(--background);
  background-image: var(--imageurl)
}
.container-base {
  border: 40px solid transparent;
    border-image: url('https://file.garden/Zxg0gd66ym14IJ7L/Untitled284_20250807143116.png') 275 round;
     border-image-outset: 10px;
  margin: auto;
  min-width: 350px;
  max-width: 400px;
  background-color: var(--background);
  
}
:root[data-theme="light"] {
  --outline: black;
  --imageurl: url('https://file.garden/Zxg0gd66ym14IJ7L/Untitled283_20250807140943.png');
  --background: white;
    --text-color: black;
  --accent-text-color: black;
  --link-color: black;
}

:root[data-theme="dark"] {
  --outline: white;
  --imageurl: url('https://file.garden/Zxg0gd66ym14IJ7L/Untitled283_20250807140947.png');
  --background: black;
    --text-color: white;
  --accent-text-color: white;
  --link-color: white;
}