/*
Theme Name:   The Freelance Ledger GP Child
Theme URI:    https://blog.inforravaults.online
Description:  Child theme for GeneratePress, styled for The Freelance Ledger (an Inforravaults / Dana Reyes property). Palette: navy, gold, cream.
Author:       Inforravaults
Template:     generatepress
Version:      1.0.0
*/

/* ---------- Brand palette ---------- */
:root {
    --dr-navy: #1F2A44;
    --dr-navy-light: #2E3B5E;
    --dr-gold: #C9A227;
    --dr-gold-light: #E4C55C;
    --dr-cream: #FBF7EE;
    --dr-text: #2B2B2B;
}

/* ---------- Base ---------- */
body {
    background-color: var(--dr-cream);
    color: var(--dr-text);
}

a {
    color: var(--dr-navy);
}

a:hover,
a:focus {
    color: var(--dr-gold);
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a {
    color: var(--dr-navy);
    font-weight: 700;
}

/* ---------- Header / navigation ---------- */
.site-header,
.main-navigation {
    background-color: var(--dr-navy);
}

.main-navigation .main-nav ul li a,
.site-header .site-title a,
.site-header .site-description {
    color: #FFFFFF !important;
}

.main-navigation .main-nav ul li a:hover {
    color: var(--dr-gold-light) !important;
}

/* ---------- Buttons ---------- */
.button,
button,
input[type="submit"],
.wp-block-button__link {
    background-color: var(--dr-gold);
    color: var(--dr-navy);
    border: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--dr-gold-light);
    color: var(--dr-navy);
}

/* ---------- Footer ---------- */
.site-footer,
footer.site-footer {
    background-color: var(--dr-navy);
    color: #E7E7E7;
}

.site-footer a {
    color: var(--dr-gold-light);
}

/* ---------- Content readability ---------- */
.entry-content {
    font-size: 1.05rem;
    line-height: 1.7;
}

.entry-content p {
    margin-bottom: 1.3em;
}

/* ---------- Category / topic badges (optional use in posts) ---------- */
.dr-badge {
    display: inline-block;
    background-color: var(--dr-navy);
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
    margin-bottom: 0.5em;
}

/* ---------- Table of contents / callout box (for use in posts via Custom HTML) ---------- */
.dr-callout {
    background-color: #FFFFFF;
    border-left: 4px solid var(--dr-gold);
    padding: 1em 1.4em;
    margin: 1.5em 0;
    border-radius: 4px;
}