/* === Global Font Defaults === */
body {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.7;
    color: #EAEAEA;
    background-color: #0F0F10;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
  }
  
  /* === Headings === */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
  }
  
  h1 { font-size: 2rem;}
  h2 { font-size: 1.5rem; color: #CCAB80; }
  h3 { font-size: 1.25rem; color: #CCAB80;}
  
  /* === Quotes === */
  blockquote, q {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-size: 1.15rem;
    color: #CCAB80;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 2px solid #CCAB80;
  }
  
  /* === Navbar / UI === */
  nav a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
/* === Blog / .prose fixes === */

/* === Title override === */

/* Auto-rendered page title color (top of post) */
h1.text-3xl.font-bold.mb-8 {
  color: #ccab80 !important;  /* your gold */
}

.prose h1,
.prose-invert h1 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ccab80;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.prose h2,
.prose-invert h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ccab80;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.prose h3,
.prose-invert h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #ccab80;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

/* Make sure bold is actually bold in posts */
.prose b,
.prose strong {
  font-weight: 700;
}

/* Restore bullets and spacing for UL/OL inside posts */
.prose ul {
  list-style: disc;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.prose ol {
  list-style: decimal;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* Optional: color the bullet marker itself */
.prose ul li::marker,
.prose ol li::marker {
  color: #ccab80; /* match your heading color */
}

/* Color ONLY the first bold label in list items like "**Company:**" */
.prose li > strong:first-child {
  color: #ccab80;
}

/* Make all links in posts use the heading color, with subtle hover */
.prose a {
  color: #ccab80;
  text-decoration: none;
}
.prose a:hover {
  text-decoration: underline;
}

/* default paragraph spacing for all pages */
main p { margin-bottom: 1rem; line-height: 1.7; }
/* blog posts already look good, so keep their spacing as-is */
.prose p { margin-bottom: 1rem; line-height: inherit; }