/*==================================
  FONT SETTINGS
==================================*/
/* Import Poppins and Merriweather fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Merriweather:wght@400;700&display=swap');

/*==================================
  ROOT VARIABLES
==================================*/
:root {
  /* Font families for consistent typography */
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Merriweather', serif;
  
  /* Color palette for consistent theming */
  --color-border: #4d4e5e;
  --color-tab-border: #4a4a54;
  --color-tab-hover: #AC2747;
  --color-background-primary: #11141d;
  --color-background-hover: #08081c;
  --color-block: #222432;
  --color-block-hover: #2d2d4a;
  --color-bookmark-icon: #1f233c;
  
  /* Gradient definition for animated borders */
  --gradient-border: linear-gradient(90deg, #F75050, #6C033D, #F75050);
  
  /* Consistent spacing scale */
  --spacing-xs: 5px;
  --spacing-sm: 8px;
  --spacing-md: 10px;
  --spacing-lg: 30px;
  --spacing-xl: 40px;
  
  /* Border properties for consistent styling */
  --border-width: 2px;
  --border-radius: .375rem;
  --border-radius-sm: .275rem;
  
  /* Animation timings for consistent motion */
  --animation-duration: 3s;
  --transition-duration: 0.3s;
  
  /* Layout measurements */
  --logo-size: 66px;
  
  /* Tab-specific styling variables */
  --tab-border-width: 2px;
  --tab-border-radius: .375rem;
  --tab-backdrop-filter: blur(1px);
}

/* Apply Poppins font to all text */
* {
  font-family: var(--font-primary) !important;
}

body {
  background-color: var(--color-background-primary);

}

#page_wrapper {

  background-color: rgba(0,0,0, 0.7);
}

/* #information-widgets {
  background-color: rgba(0,0,0, 0.7);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:none;
  border-radius:6px;
} */

#version, .service-group-name, .bookmark-group-name {
  display: none;
}