/* ================================================================
   Olive Tree Ridge — brand.css v3.0.0 (Warm Editorial)
   Color System: OTR Blue / Green / Orange / Yellow
   Fonts: Playfair Display (headings), EB Garamond (body), Inter (UI)
   ================================================================ */

/* ── CSS Custom Properties ──────────────────────────────────── */
:root {
    --otr-blue:       #023E74;
    --otr-blue-light: #0A5EA8;
    --otr-green:      #598B57;
    --otr-green-light:#7AAD78;
    --otr-orange:     #F25C05;
    --otr-yellow:     #F4C368;
    --otr-red:        #D90429;
    
    --otr-bg:         #FFFFFF;
    --otr-bg-alt:     #F7F5F0; /* Parchment */
    --otr-bg-dark:    #011f3a;
    --otr-ink:        #023E74;
    --otr-body:       #1a1a1a;
    --otr-muted:      #4a4a4a;
    --otr-border:     #e8e4dd;
    --otr-white:      #FFFFFF;
}

/* ── Base ───────────────────────────────────────────────────── */
html { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

body {
    background-color: var(--otr-bg);
    color: var(--otr-body);
    font-family: 'EB Garamond', serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, 
.has-h1-font-size, .has-h2-font-size, .has-h3-font-size,
.wp-block-post-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    color: var(--otr-blue) !important;
    line-height: 1.2 !important;
}

p, .wp-block-paragraph, .wp-block-list, li {
    font-family: 'EB Garamond', serif !important;
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
}

/* ── UI Elements (Inter) ─────────────────────────────────────── */
.otr-nav a,
.wp-block-navigation-item__label,
.otr-section-label,
.otr-role-title,
.otr-eyebrow,
.has-small-font-size,
.wp-block-site-title,
.otr-card-meta {
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 600 !important;
}

/* ── Header ─────────────────────────────────────────────────── */
.otr-header {
    background-color: var(--otr-bg-dark) !important;
}

.wp-block-site-title a {
    color: var(--otr-white) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
}

.otr-nav .wp-block-navigation-item__label {
    color: var(--otr-white) !important;
    font-size: 0.75rem !important;
}

/* ── Hero ───────────────────────────────────────────────────── */
.otr-hero h1 {
    color: var(--otr-white) !important;
}

/* ── Cards & Grid ───────────────────────────────────────────── */
.otr-card h3 {
    font-size: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}

.otr-card p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

.otr-role-title {
    color: var(--otr-green) !important;
    font-size: 0.7rem !important;
}

.otr-press-source {
    color: var(--otr-green) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
}

/* ── Utilities ──────────────────────────────────────────────── */
.otr-green-text { color: var(--otr-green) !important; }
.otr-orange-text { color: var(--otr-orange) !important; }
.otr-blue-text { color: var(--otr-blue) !important; }