/*
Theme Name: JOYBR
Theme URI: https://video.webmns.com/
Author: JOYBR
Description: Clean custom starter theme for video.webmns.com.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: joybr
*/

:root {
    --joybr-bg: #f5f1e8;
    --joybr-ink: #18251d;
    --joybr-accent: #d89a2b;
    --joybr-card: #fffdf8;
}

* { box-sizing: border-box; }
body {
    margin: 0;
    background: var(--joybr-bg);
    color: var(--joybr-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
}
a { color: inherit; }
.site-header, .site-main, .site-footer {
    width: min(1120px, calc(100% - 40px));
    margin-inline: auto;
}
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 28px;
    border-bottom: 1px solid rgba(24, 37, 29, .18);
}
.site-title {
    margin: 0;
    font-size: clamp(1.5rem, 4vw, 2.35rem);
    letter-spacing: .08em;
}
.site-title a { text-decoration: none; }
.site-main { min-height: 65vh; padding-block: 64px; }
.post-card {
    padding: clamp(24px, 5vw, 56px);
    background: var(--joybr-card);
    border-radius: 24px;
    box-shadow: 0 16px 50px rgba(24, 37, 29, .08);
}
.post-card + .post-card { margin-top: 28px; }
.post-card h1, .post-card h2 { line-height: 1.15; }
.post-card a { text-decoration-color: var(--joybr-accent); }
.site-footer {
    padding-block: 28px 48px;
    border-top: 1px solid rgba(24, 37, 29, .18);
}