/* ============================= */
/* --- Load Google Font: Doto --- */
/* ============================= */
@import url('https://fonts.googleapis.com/css2?family=Doto:wght,ROND@800,66&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300&display=swap');

/* ============================= */
/* --- Body background / text --- */
/* ============================= */
body {
  background-color: #FFFFFF !important;
  color: #2139DB !important; /* keep the blue */
  font-family: 'Jura', sans-serif !important; /* body text font */
}

.font-doto-bold {
  font-family: 'Doto', monospace !important;
  font-weight: 900 !important;
}


/* ============================= */
/* --- Cards --- */
/* ============================= */
.card {
  background-color: #EBF7A3 !important;
  color: #EBF7A3 !important;
}

.card h3,
.card h4,
.card a {
  font-family: 'Doto', monospace !important;
  color: #2139DB !important;
}

/* ============================= */
/* --- Sidebar --- */
/* ============================= */
#R-sidebar {
  background-color: #A2ABEB !important;
  color: #A2ABEB !important;
}

/* Sidebar headings + links */
#R-sidebar h1,
#R-sidebar h2,
#R-sidebar h3,
#R-sidebar h4,
#R-sidebar h5,
#R-sidebar h6,
#R-sidebar a {
  font-family: 'Doto', monospace !important;
  color: #FFFFFF !important;
}

/* ============================= */
/* --- Sidebar top header + logo --- */
/* ============================= */
:root {
  --MENU-HEADER-BG-color: #A2ABEB !important; /* sidebar top strip background */
  --MENU-HEADER-BORDER-color: #2139DB !important; /* border below header */
  --INTERNAL-LOGO-LINK-color: #FFFFFF !important; /* logo title text color */
}

/* ============================= */
/* --- Search box colors --- */
/* ============================= */
:root {
  --MENU-SEARCH-BORDER-color: #2139DB !important; /* border of search box */
  --MENU-SEARCH-color: #2139DB !important;        /* text & icon inside search box */
  --MENU-SEARCH-BG-color: rgba(33, 57, 219, 0.1) !important; /* subtle bg */
}

/* ============================= */
/* --- Sidebar menu dividers --- */
/* ============================= */
:root {
  --MENU-SECTION-SEPARATOR-color: #2139DB !important; /* horizontal menu dividers */
}

/* ============================= */
/* --- Top bar --- */
/* ============================= */
#R-topbar {
  background-color: #3A4BC7 !important; /* purple background */
}

/* Top bar title + text only (not icons) */
#R-topbar h1,
#R-topbar h2,
#R-topbar h3,
#R-topbar .title,
#R-topbar .breadcrumb,
#R-topbar span,
#R-topbar a {
  color: #FFFFFF !important;
  font-family: 'Doto', monospace !important;
}

/* ============================= */
/* --- Headers --- */
/* ============================= */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Doto', monospace !important; /* Google font Doto */
  color: #2139DB !important;                 /* header color */
}

/* ============================= */
/* --- Body, sidebar, cards --- */
/* ============================= */
body,
#R-sidebar {
  color: #2139DB !important;
}

.highlight {
  background-color: #EBF7A3;
  padding: 2px 4px;
  border-radius: 2px;
}

a {
  color: #ff4da6 !important;
}

a:hover {
  color: #ff1a8c !important;
}