@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Iosevka+Charon:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap");

:root {
  --brand-50: #fff8e1;
  --brand-100: #ffefb3;
  --brand-500: #d4af37;
  --brand-600: #b8860b;
  --brand-700: #8a6508;
  --brand-900: #0b0b0b;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Iosevka Charon", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f8fa;
}

code,
kbd,
samp,
pre,
.font-mono,
.source-code {
  font-family: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.ad-slot {
  background:
    linear-gradient(135deg, rgba(212, 175, 55, .08), rgba(0, 0, 0, .03)),
    repeating-linear-gradient(45deg, #ffffff 0, #ffffff 12px, #f7f6f2 12px, #f7f6f2 24px);
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.mega-summary {
  list-style: none;
}

.mega-summary::-webkit-details-marker {
  display: none;
}