:root {
    --background-light: #eed062;
    --background-dark: #f3af42;
    --text-color: #c0322e;
    --text-light: #c0322e;
    --box-background: linear-gradient(to bottom, #ffebcc, #ffd79b);
    --border-color: #c0322e;
    
    --header-background: #5a8a72;
    --header-text: #c0322e;
    
    --navbar-background: #4a6b5a;
    --navbar-text: #c0322e;
    --navbar-hover: #ea900c;
    
    --sidebar-background: #ffd79b;
    --sidebar-text: white;
    --sidebar-link: #c0322e;
    --sidebar-hover: #a82f2b;
    
    --main-background: #;
    
    --footer-background: #5a8a72;
    --footer-text: #e8f5e9;
    
    --header-background-start: #d88100;
    --header-background-middle: #ea900c;
    --header-background-end: #d88100;

    --navbar-background-start: #d88100;
    --navbar-background-end: #ea900c;
}

::selection{
  color:white;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('/religion/hinduism/design/pattern.jpg');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.5;
  z-index: -9999;
  pointer-events: none;
}

.custom {
  border-top: 2px solid #c0322e;
}

.text-banner, .navbar {
  text-shadow: 0 0 10px #ff876c;
}