/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/
:root {
  --primary: #ff4d8d;
  --primary-hover: #ff2f7a;

  --background: #0b0b10;
  --card: #141420;

  --text: #ffffff;
  --muted: #b5b5c2;

  --border: rgba(255, 77, 141, 0.25);
  --shadow: rgba(255, 77, 141, 0.15);
}

body {
  background: var(--background);
  color: var(--text);
}

/* buttons */
button, .btn {
  background: var(--primary);
  border-color: var(--primary);
}

button:hover, .btn:hover {
  background: var(--primary-hover);
}

/* cards / panels */
.card, .panel {
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: 0 0 20px var(--shadow);
}