/*
Theme Name: Yolande Thame
Theme URI: https://yolandethame.com
Description: Custom theme for Yolande Thame — writer and producer
Version: 0.1.0
Author: Red Hill Media
Text Domain: yt-theme
*/

@import url("assets/css/tokens.css");

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--font-secondary); font-size: var(--font-size-body-mobile); line-height: var(--line-height-body); color: var(--color-near-black); background-color: var(--color-editorial-white); -webkit-font-smoothing: antialiased; }
@media (min-width: 768px) { body { font-size: var(--font-size-body-desktop); } }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary); font-weight: var(--font-weight-light); line-height: 1.2; color: var(--color-near-black); }
h1 { font-size: clamp(2rem, 5vw, 4rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
h3 { font-size: 1.375rem; }
p { margin-bottom: var(--space-md); }
a { color: var(--color-steel-blue); text-decoration: none; }
a:hover { color: var(--color-rose-mauve); }
img { max-width: 100%; height: auto; display: block; }
hr { border: none; border-top: 1px solid var(--color-border); margin: var(--space-lg) 0; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 var(--space-md); }
@media (min-width: 768px) { .container { padding: 0 var(--space-lg); } }

.nav-list { list-style: none; display: flex; gap: var(--space-md); padding: 0; margin: 0; }
.nav-list li { list-style: none; }
.site-header { border-bottom: 1px solid var(--color-border); padding: var(--space-sm) 0; }
.header-inner { display: flex; align-items: center; justify-content: space-between; }
.site-logo { display: flex; align-items: center; gap: var(--space-xs); text-decoration: none; color: var(--color-near-black); }
.site-name { font-family: var(--font-primary); font-weight: 300; font-size: 18px; }
.nav-list a { font-family: var(--font-secondary); font-size: 15px; color: var(--color-steel-blue); text-decoration: none; }
.nav-list a:hover { color: var(--color-rose-mauve); }
.footer-inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-md); padding: var(--space-xl) 0; }
.footer-nav ul { list-style: none; display: flex; gap: var(--space-md); padding: 0; margin: 0; }
.footer-nav a { font-family: var(--font-secondary); font-size: 14px; color: var(--color-steel-blue); text-decoration: none; }
.footer-copy { font-family: var(--font-secondary); font-size: 13px; color: var(--color-text-secondary); }

.menu { list-style: none; display: flex; gap: var(--space-md); padding: 0; margin: 0; }
.menu li { list-style: none; }
.menu a { font-family: var(--font-secondary); font-size: 15px; color: var(--color-steel-blue); text-decoration: none; }
.menu a:hover { color: var(--color-rose-mauve); }
.menu .nav-cta a { background: var(--color-rose-mauve); color: var(--color-editorial-white); padding: 6px 16px; }
.footer-nav .menu { flex-direction: row; gap: var(--space-md); }
.footer-nav .menu a { font-size: 14px; }