@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap");

.theme-0642 {
  --bio-font-heading: "DM Serif Display", serif;
  --bio-font-body: "DM Sans", sans-serif;
  --bio-page-bg: #0c1220;
  --bio-card-bg: #152035;
  --bio-text-primary: #e8e4dc;
  --bio-text-secondary: #a0a8b8;
  --bio-text-muted: #5a6878;
  --bio-card-shadow: 0px 0px 0px 1px #263550, 0 4px 16px rgba(0, 0, 0, 0.3);
  --bio-avatar-shadow: 0px 0px 0px 3px #d4a853, 0px 0px 20px rgba(212, 168, 83, 0.2);
  --bio-btn-bg: #d4a853;
  --bio-btn-text: #0c1220;
  --bio-btn-shadow: 0px 2px 10px rgba(212, 168, 83, 0.3);
  --bio-input-bg: #0f1825;
  --bio-input-border: #263550;
  --bio-input-text: #e8e4dc;
  --bio-input-placeholder: #5a6878;
  --bio-icon-social: #d4a853;
  --bio-link-icon-bg: #d4a853;
  --bio-link-icon-stroke: #0c1220;
  --bio-appt-icon-bg: #263550;
  --bio-appt-icon-stroke: #d4a853;
  --bio-tagline-text: #5a6878;
  --bio-tagline-border: #263550;
  --bio-icon-secondary: #a0a8b8;
  --bio-rupa-text: #263550;
  --bio-radius-card: 4px;
  --bio-radius-input: 4px;
  --bio-radius-btn: 4px;
  --bio-radius-avatar: 9999px;
  --bio-radius-thumbnail: 4px;
  --bio-stripe-bg: #d4a853;
  --bio-stripe-border: #0c1220;
  --bio-stripe-text: #0c1220;
  background-image: linear-gradient(135deg, #0c1220, #1a3060, #0c1220, #102850) !important;
  background-size: 400% 400% !important;
  animation: exec-depth 6s ease-in-out infinite;
}

@keyframes exec-depth {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}