/* Frozen Mist Theme Stylesheet - yazariz.com */
:root {
  --c-tarcin: #DD700B;
  --c-tarcin-hover: #c55e08;
  --c-tarcin-light: #fff9f0;
  --c-cream: #FCF8D8;
  --c-cream-border: #ede5b8;
  --c-mist: #D9DADF;
  --c-grey: #ADACA7;
  --c-slate: #7C7D75;
  --c-dark-bg: #1c1e1d;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #ADACA7;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #DD700B;
}

/* Text Selection */
::selection {
  background-color: #FCF8D8;
  color: #7f380c;
}

/* Body Background */
body {
  background-color: #1c1e1d !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(124, 125, 117, 0.14) 0px, transparent 55%),
    radial-gradient(at 100% 100%, rgba(221, 112, 11, 0.08) 0px, transparent 50%),
    radial-gradient(at 50% 50%, rgba(217, 218, 223, 0.04) 0px, transparent 60%) !important;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Newsreader', Georgia, serif;
}
.font-reading {
  font-family: Cambria, Georgia, 'Times New Roman', serif !important;
}
.font-sans-ui {
  font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Liquid Glass Cards & Surfaces */
.liquid-glass-main {
  background: #ffffff !important;
  border: 1px solid rgba(217, 218, 223, 0.8) !important;
  box-shadow: 
    0 25px 60px -15px rgba(0, 0, 0, 0.5),
    0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
}

.liquid-glass-card {
  background: #ffffff;
  border: 1px solid #D9DADF;
  box-shadow: 
    0 4px 18px -4px rgba(28, 30, 29, 0.04),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.95);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.liquid-glass-card:hover {
  border-color: #ADACA7;
  box-shadow: 
    0 10px 24px -6px rgba(221, 112, 11, 0.09);
}

/* Cream Featured Card */
.cream-featured-card {
  background: #FCF8D8;
  border: 1px solid #ede5b8;
  box-shadow: 0 4px 16px -4px rgba(124, 125, 117, 0.12);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.cream-featured-card:hover {
  border-color: #DD700B;
  box-shadow: 0 8px 24px -6px rgba(221, 112, 11, 0.15);
}

/* Distinctive Badges */
.badge-tarcin {
  background-color: #fff9f0;
  color: #9e4608;
  border: 1px solid #fde0bd;
}

.badge-cream {
  background-color: #FCF8D8;
  color: #67300d;
  border: 1px solid #ede5b8;
}

.badge-mist {
  background-color: #f3f4f6;
  color: #4c4d47;
  border: 1px solid #D9DADF;
}

.badge-slate {
  background-color: #7C7D75;
  color: #ffffff;
  border: 1px solid #62635c;
}