/*
Theme Name: Nam Phong
Theme URI: https://moon.vn/nam-phong
Author: Mun Ca
Author URI: https://moon.vn
Description: Giao diện đậm đà bản sắc văn hóa Việt Nam, mộc mạc, hoài cổ và thanh lịch.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nam-phong
*/

:root {
    /* Colors */
    --color-ink: #111111;
    --color-ink-light: #333333;
    --color-paper: #F4F1EA;
    --color-paper-dark: #E8E4D9;
    --color-seal: #C4302B;
    --color-gold: #A67C00;

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Lora', serif;

    /* Spacing Scale - Using standard Tailwind classes, minimal additions */
}

/* Base Body Style */
body {
    background-color: var(--color-paper);
    color: var(--color-ink);
    font-family: var(--font-body);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    color: var(--color-ink);
    line-height: 1.2;
}

/* Mộc bản Style Dropcap */
.dropcap-moc-ban>p:first-of-type::first-letter {
    font-family: var(--font-heading);
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 0.8;
    float: left;
    margin-right: 0.75rem;
    margin-top: 0.2rem;
    color: var(--color-ink);
    padding: 0.2rem 0.6rem 0.2rem 0.2rem;
    border: 2px solid var(--color-ink);
    background-color: var(--color-paper-dark);
}

/* Classic Borders & Accents */
.border-moc-ban {
    border: 1px solid var(--color-ink);
    border-radius: 0;
}

.border-double-moc-ban {
    border: 3px double var(--color-ink);
    border-radius: 0;
}

/* Selection */
::selection {
    background: var(--color-seal);
    color: var(--color-paper);
}

/* Scrollbar Vintage */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-paper);
    border-left: 1px solid var(--color-ink-light);
}

::-webkit-scrollbar-thumb {
    background: var(--color-ink-light);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-ink);
}

/* Hide WP Toolbar gap on small screens */
@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}