:root{
  --deep-bg: #05070a;
  --deep-surface: #0b0f16;
  --deep-surface-2: #0f1726;
  --deep-border: rgba(28,110,219,.55);
  --deep-border-soft: rgba(77,208,255,.22);
  --deep-text: #f7fbff;
  --deep-text-soft: #bfe8ff;
  --deep-link: #4dd0ff;
  --deep-link-hover: #a7f0ff;
}

html, body{
  background: var(--deep-bg) !important;
  color: var(--deep-text) !important;
}

h1, h2, h3, h4, h5, h6{
  color: var(--deep-text) !important;
}

p, li, span, small, label, .text-muted{
  color: var(--deep-text-soft) !important;
}

a{
  color: var(--deep-link);
}

a:hover{
  color: var(--deep-link-hover);
}

header, footer{
  background: linear-gradient(180deg, rgba(5,7,10,.96) 0%, rgba(5,7,10,.92) 100%) !important;
  border-bottom: 1px solid var(--deep-border-soft) !important;
}

.sticky-header{
  background: rgba(5,7,10,.94) !important;
  border-bottom: 1px solid var(--deep-border-soft) !important;
}

.offcanvas-custom,
.dropdown-menu,
.modal-content,
.white-card,
.card,
.card-ai,
.wrapper-card-post,
.blog-sidebar,
.chat-background,
.form-filter,
#inner-page{
  background: var(--deep-surface) !important;
  border: 1px solid var(--deep-border-soft) !important;
}

.card-ai:hover,
.wrapper-card-post:hover{
  box-shadow: 0 10px 25px rgba(28,110,219,.12) !important;
}

.form-control,
.form-select,
.form-floating>.form-control,
.form-floating>.form-select,
textarea,
input{
  background: rgba(11,15,22,.9) !important;
  color: var(--deep-text) !important;
  border: 1px solid var(--deep-border-soft) !important;
}

.form-floating>label{
  color: rgba(191,232,255,.75) !important;
}

.table>:not(caption)>*>*{
  background: transparent !important;
  color: var(--deep-text-soft) !important;
  border-color: rgba(77,208,255,.14) !important;
}

hr{
  border-color: rgba(77,208,255,.18) !important;
  opacity: 1 !important;
}

.btn-outline-primary{
  border-color: rgba(77,208,255,.55) !important;
  color: var(--deep-link-hover) !important;
}

.btn-outline-primary:hover{
  background: rgba(77,208,255,.12) !important;
}

.btn-close{
  filter: invert(1) grayscale(1);
}

*:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(77,208,255,.20) !important;
}