/* custom-fonts.css - Place this after the main CSS file */

/* Font Face Declaration */
@font-face {
  font-family: 'Beleren';
  src: url('../webfonts/Beleren2016-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Override headings to use Beleren */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Beleren', 'Roboto Slab', 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
}

/* Optional: If you want specific heading sizes to stand out more */
h1 {
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

h2, h3 {
  font-weight: 700 !important;
}

/* =========================
   GLOBAL DARK THEME
========================= */

html {
  color-scheme: dark;
}

body {
  background: #0f1115 !important;
  color: #c9d1d9 !important;
}

/* =========================
   TYPOGRAPHY
========================= */

body,
input,
select,
textarea,
p,
ul,
ol,
dl {
  color: #c9d1d9 !important;
}

h1, h2, h3, h4, h5, h6,
strong,
b,
label,
table th {
  color: #f0f6fc !important;
}

a {
  color: #58a6ff !important;
}

a:hover {
  color: #79c0ff !important;
  border-bottom-color: #79c0ff !important;
}

/* =========================
   MAIN AREAS
========================= */

#main {
  background: #0f1115 !important;
}

#sidebar {
  background: #161b22 !important;
}

#sidebar > .inner > .alt {
  background: #11161d !important;
}

/* =========================
   BORDERS
========================= */

hr,
blockquote,
table tbody tr,
table thead,
table tfoot,
.box,
ul.alt li,
.mini-posts article,
#menu > ul > li,
#main > .inner > section,
.features article .icon:after,
.posts article:before,
.posts article:after {
  border-color: #30363d !important;
}

/* =========================
   FORMS
========================= */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
  color: #f0f6fc !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #58a6ff !important;
  box-shadow: 0 0 0 1px #58a6ff !important;
}

/* Placeholder text */
::placeholder {
  color: #8b949e !important;
}

/* =========================
   TABLES / CODE / BOXES
========================= */

code {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #79c0ff !important;
}

table tbody tr:nth-child(2n + 1) {
  background: #161b22 !important;
}

.box {
  background: #11161d !important;
}

/* =========================
   BUTTONS
========================= */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  box-shadow: inset 0 0 0 2px #58a6ff !important;
  color: #58a6ff !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: rgba(88, 166, 255, 0.1) !important;
}

.button.primary,
button.primary,
input[type="submit"].primary {
  background: #58a6ff !important;
  color: #0f1115 !important;
  box-shadow: none !important;
}

/* =========================
   HEADER
========================= */

#header {
  border-bottom-color: #58a6ff !important;
}

#header .logo {
  color: #f0f6fc !important;
}

/* =========================
   MENU
========================= */

#menu ul {
  color: #f0f6fc !important;
}

#menu ul a:hover,
#menu ul span:hover {
  color: #58a6ff !important;
}

/* =========================
   ICONS
========================= */

.features article .icon:before,
ul.contact li:before {
  color: #58a6ff !important;
}

/* =========================
   SIDEBAR TOGGLE
========================= */

#sidebar .toggle:before {
  color: #f0f6fc !important;
}

/* =========================
   IMAGES
========================= */

.image img {
  opacity: 0.95;
}

/* =========================
   FOOTER
========================= */

#footer .copyright {
  color: #8b949e !important;
}