/*
Theme Name: Olli Junes Theme
Theme URI: https://ollijunes.com
Description: Resaco brand personal site theme
Author: Olli Junes
Version: 1.0
Template: twentytwentyfour
Text Domain: ollijunes
*/

:root {
    --deep-data-green: #223B3E;
    --signal-zest: #D1F459;
    --insight-blue: #A2DCE9;
    --conversion-lavender: #B59EFF;
    --analytic-greige: #E7E7DA;
    --metric-grey: #F8F9F7;
}

@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@300;400;500;600;700&family=Stack+Sans+Text:wght@300;400;500;600&display=swap');

body { font-family: 'Stack Sans Text', sans-serif; color: var(--deep-data-green); background-color: var(--metric-grey); }
h1, h2, h3, h4, h5, h6 { font-family: 'Stack Sans Notch', sans-serif; font-weight: 600; color: var(--deep-data-green); }
a { color: var(--conversion-lavender); }
a:hover { color: var(--deep-data-green); }

.hero-section { background-color: var(--deep-data-green); padding: 80px 0; }
.hero-section h1 { color: #fff; font-size: 3.5rem; }
.hero-section .subtitle { color: var(--conversion-lavender); font-size: 1.25rem; }
.hero-section .tagline { color: var(--insight-blue); font-size: 1rem; max-width: 480px; }

.card { background: #fff; border: 1px solid var(--analytic-greige); border-radius: 12px; border-top: 3px solid var(--conversion-lavender); padding: 24px; }
.btn-primary { background-color: var(--conversion-lavender); color: #fff; border-radius: 12px; font-family: 'Stack Sans Text', sans-serif; font-weight: 600; }
.btn-outline { border: 2px solid var(--deep-data-green); color: var(--deep-data-green); border-radius: 12px; background: transparent; }

.post-card { background: #fff; border: 1px solid var(--analytic-greige); border-radius: 12px; border-top: 3px solid var(--conversion-lavender); padding: 32px; margin-bottom: 24px; }
.post-card h2 a { color: var(--deep-data-green); text-decoration: none; }
.post-card .post-meta { font-size: 0.85rem; color: #4A5E60; }