/* Reduce H1 size — Furo default is 2.25rem */


/* Typography Scale (Base 1rem = 16px) */
/* rem makes sure everything is relative to one another so the user can determine the actual viewing size */
/* Using a 1.25 (Major Third) scale for clean hierarchy */
/* This assumes a Sans Serif, so if you're changing that, the calcs are different... */

h1 {
    font-size: 2.00rem;   /* 32px default*/
    font-weight: 700;     /* Bold, but not too heavy */
    margin-top: 2.5rem;   /* Generous top space */
    margin-bottom: 1.0rem;
    line-height: 1.2;     /* Tighter line height for large text */
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles */
    color: #2757dd !important;
}

h2 {
    font-size: 1.60rem;   /* 25.6px */
    font-weight: 600;     /* Semi-bold */
    margin-top: 2.0rem;
    margin-bottom: 0.75rem;
    line-height: 1.3;
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles*/
    color: #ac3619 !important;
}

h3 {
    font-size: 1.28rem;   /* 20.5px */
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles*/
}

h4 {
    font-size: 1.10rem;   /* 17.6px */
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles*/
}

h5 {
    font-size: 1.00rem;   /* 16px (Same as body) */
    font-weight: 600;
    margin-top: 1.0rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase; /* Optional: makes small headers stand out */
    letter-spacing: 0.05em;
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles*/

}

h6 {
    font-size: 0.85rem;   /* 13.6px */
    font-weight: 600;
    color: var(--color-foreground-secondary); /* Muted color */
    margin-top: 1.0rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    letter-spacing: -0.02em; /* Slight tightening for sans-serif titles*/
}

/* --- Paragraph Spacing --- */
p {
    margin-bottom: 1.25rem; /* Breathing room between paragraphs */
    line-height: 1.6;       /* High readability for body text */
}

/* --- Lists --- */
ul, ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

li {
    margin-bottom: 0.5rem;
}

/* --- Code Blocks --- */
div.highlight, pre {
    margin: 1.5rem 0;
    padding: 1rem;
    border-radius: 6px;
}



/* How you'd fix this for mobile, which Furo does "last" (he says he got tired). I don't really know anything about mobile either <_< /*
/* h1 {
    /* Scales between 1.5rem and 2rem based on viewport width */
/*    font-size: clamp(1.5rem, 4vw, 2rem); /*
/* }  /*


/* Adjust Sidebar Brand Size */
.sidebar-brand-text {
    /* Option A: Use Furo's default font stack (Recommended) */
    font-family: var(--font-stack);

    /* Option B: Or hardcode a specific stack (Uncomment if you prefer this) */
    /* font-family: "Roboto", "Noto", "Helvetica", "Arial", sans-serif; */

    font-size: 1.25rem;       /* Change this value (e.g., 1.1rem, 1.5rem) */
    line-height: 1.2;         /* Keep it tight */
    font-weight: 700 !important; /* Ensure it's bold */
}

/* If you have a logo, you might want to adjust the container too */
.sidebar-logo-container {
    max-width: 100%;           /* Shrink the allowed area */
    margin-bottom: 0rem;    /* Space between logo and project name */
    padding: 0.5rem;          /* Internal padding around the image */
}

.sidebar-logo {
    max-width: 100%;       /* Prevent overflow */
    height: auto;          /* Maintain aspect ratio */
    max-height: 120px;     /* Limit maximum height */
    margin-bottom: 1rem;   /* Space below logo */
    transition: opacity 0.2s; /* Smooth fade on hover */
}

.sidebar-logo:hover {
    opacity: 1.0;             /* Full opacity on hover */
}

/*.admonition.fred-s-tip {
    border-left: 4px solid #e67e22;
    background: #fef9e7;
}
.admonition.fred-s-tip > .admonition-title {
    background: #e67e22;
    color: white;
}
    */