:root
{
  --bs-border-radius: var(--bs-border-radius-sm);
}

[data-bs-theme=dark]
{
  --bs-primary: #5eafff;
  --bs-success: #77d694;
  --bs-code-color: #e69447;
}

[data-bs-theme=dark]
{
  --fox-keyword-color: var(--bs-primary);
  --fox-operator-color: var(--bs-body-color);
  --fox-literal-color: var(--bs-code-color);
  --fox-comment-color: var(--bs-success);
  --fox-function-color: var(--bs-primary);
  --fox-substituted-color: var(--bs-secondary);
  --fox-inert-color: var(--bs-tertiary-color);
  --bs-box-shadow-lg: 0 0rem 0rem rgba(0, 0, 0, 0.085);
}

[data-bs-theme=light]
{
  --fox-keyword-color: var(--bs-primary);
  --fox-operator-color: var(--bs-body-color);
  --fox-literal-color: var(--bs-code-color);
  --fox-comment-color: var(--bs-success);
  --fox-function-color: var(--bs-primary);
  --fox-substituted-color: var(--bs-secondary);
  --fox-inert-color: var(--bs-tertiary-color);
  --bs-box-shadow-lg: 0 0rem 2rem rgba(0, 0, 0, 0.085);
}

.form-control:focus
{
  box-shadow: var(--bs-box-shadow-inset);   
}

.fox-keyword
{
  color: var(--fox-keyword-color)
}

.fox-operator 
{
  color: var(--fox-operator-color)
}

.fox-literal 
{
  color: var(--fox-literal-color)
}

.fox-comment 
{
  color: var(--fox-comment-color)
}

.fox-function 
{
  color: var(--fox-function-color)
}

.fox-substituted 
{
  color: var(--fox-substituted-color)
}

.fox-inert 
{
  color: var(--fox-inert-color)
}

div.code, div.console, div.command
{
  font-size: medium;
}

.gradient
{
  background-image: repeating-linear-gradient(var(--bs-body-bg) 1px, var(--bs-secondary-bg-subtle) 2px, var(--bs-body-bg) 3px);
  //box-shadow: inset rgba(0, 0, 0, 1) 0rem 0rem 5rem -4rem;
}

.card:hover 
{
  transition: transform 0.1s ease;
  transform: scale(1.01);
}

div.console 
{
  white-space: nowrap;  
  overflow: auto;
}

body 
{
  font-size: large;
  hyphens: auto;
}

body, html
{
  height: 100%;
  width: 100%;
}

[data-bs-theme=light] body
{
  background-color: rgba(244, 244, 247, 0.366);
  text-shadow: 0 0 1px #00000022;
}

[data-bs-theme=light] nav, [data-bs-theme=light] footer
{
  background-color: #f4f4f4;
}

[data-bs-theme=dark] body
{
  text-shadow: 0 0 1px #FFFFFF44;
}

[data-bs-theme=dark] nav, [data-bs-theme=dark] footer
{
  background-color: #171717;
}

li
{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

table.table
{
  font-size: medium;
}

hr
{
  border: none;
  height: 2px !important;
  /* Set the hr color */
  color: var(--bs-gray-400);  /* old IE */
  background-color: var(--bs-gray-400);  /* Modern Browsers */
}

p
{
  margin-top: 1rem;
  text-align: justify;
}

kbd
{
  background: var(--bs-border-color);
  color: var(--bs-body-color);
}

@media (max-width: 768px) 
{
  div.screenpad 
  {
      padding-left: 12px !important;
      padding-right: 12px !important;
  }
}

@media (min-width: 768px) 
{
  .navbar
  {
    --bs-navbar-nav-link-padding-x: .7rem !important;
  }

  div.screenpad 
  {
      padding-left: 36px !important;
      padding-right: 36px !important;
  }
}

[data-bs-theme=dark] .bgbook
{
  background-position: center 50px;
  background-image: url("data:image/svg+xml,<svg fill='%2300000022' xmlns='http://www.w3.org/2000/svg' width='360' height='360' class='gradient bi bi-book-half' viewBox='0 0 16 16'><path d='M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783'/></svg>");
  background-repeat: no-repeat;
  background-size: 44%;
}

[data-bs-theme=light] .bgbook
{
  background-position: center 50px;
  background-image: url("data:image/svg+xml,<svg fill='%23AAAAAA22' xmlns='http://www.w3.org/2000/svg' width='360' height='360' class='gradient bi bi-book-half' viewBox='0 0 16 16'><path d='M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783'/></svg>");
  background-repeat: no-repeat;
  background-size: 44%;
}