/**
 * Skin Name: The Financier
 * Description: A corporate and professional skin for business and finance news.
 */

/* 1.0 Define Variables & Body Styles */
body.style-financier {
    --skin-bg-color: #f5f7fa;        /* Light, corporate gray-blue */
    --skin-surface-color: #ffffff;
    --skin-text-color: #333A45;      /* Slate Gray */
    --skin-heading-color: #0A2342;   /* Navy Blue */
    --skin-accent-color: #C4A57F;    /* Gold/Bronze */
    --skin-accent-hover: #a98c6b;
    --skin-border-color: #e1e5eb;
    --skin-footer-bg: #1d2d3f;
    --skin-footer-text: #a9b3c1;

    background-color: var(--skin-bg-color);
    color: var(--skin-text-color);
    font-family: 'Lato', sans-serif;
}

/* 2.0 Typography */
.style-financier h1,
.style-financier h2,
.style-financier h3,
.style-financier h4,
.style-financier h5,
.style-financier h6 {
    font-family: 'Playfair Display', serif;
    color: var(--skin-heading-color);
}

/* 3.0 Links and Buttons */
.style-financier a {
    color: var(--skin-accent-color);
}
.style-financier a:hover {
    color: var(--skin-accent-hover);
}
.style-financier button,
.style-financier input[type="submit"],
.style-financier .button {
    background-color: var(--skin-accent-color);
    color: #fff;
    border-radius: 4px;
    padding: 10px 25px;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
}
.style-financier button:hover,
.style-financier input[type="submit"]:hover,
.style-financier .button:hover {
    background-color: var(--skin-accent-hover);
}

/* 4.0 Header & Footer */
.style-financier .site-header {
    background-color: var(--skin-surface-color);
    border-bottom: 1px solid var(--skin-border-color);
}
.style-financier .main-navigation a {
    color: var(--skin-heading-color);
    font-weight: 700;
}
.style-financier .main-navigation li:hover > a {
    color: var(--skin-accent-color);
}
.style-financier #stock-ticker-placeholder {
    background-color: var(--skin-heading-color);
    color: #fff;
    padding: 10px 0;
    font-size: 0.9rem;
}
.style-financier .site-footer {
    background-color: var(--skin-footer-bg);
    color: var(--skin-footer-text);
}
.style-financier .site-footer .widget-title {
    color: #fff;
}

/* 5.0 Core Components */
.style-financier .post-card,
.style-financier .widget-area .widget {
    border-color: var(--skin-border-color);
    background-color: var(--skin-surface-color);
}
.style-financier .section-title {
    border-color: var(--skin-accent-color);
}
.style-financier .post-card .entry-meta a {
    color: var(--skin-accent-color);
    font-weight: 700;
}