@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

:root{
  --primary-light: #D2691E;
  --primary-dark: #8B4513;
  --neutral-light: #F5F5DC;
  --neutral-dark: #2C2C2C;
  --accent: #CD853F;
  --success: #228B22;
  --danger: #B22222;
  --title-font: Playfair Display;
  --body-font: Source Sans Pro;
  --monospace-font: Source Code Pro;
  --spacing-unit: 16px;
  --border-radius: 4px;
  --shadow-strength: medium;
  --transition-time: 0.2s;
}

body{margin:0;font-family: var(--body-font);color: var(--neutral-dark);background: var(--neutral-light);line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-family: var(--title-font);color: var(--primary-dark);margin-bottom:calc(var(--spacing-unit)*0.5);}
a{color: var(--primary_light);text-decoration:none;transition:color var(--transition-time);}
a:hover{color: var(--primary-dark);}
#site-header{background: var(--primary-dark);box-shadow:0 2px 8px rgba(0,0,0,0.15);}
#site-header nav{background: var(--primary-dark);color:#fff;width:100%;padding:var(--spacing-unit);}
#site-header nav a{color:var(--neutral-light);margin-left:1rem;}
.btn-primary{background: var(--accent);color:#fff;border:none;border-radius:var(--border-radius);padding:calc(var(--spacing-unit)*0.75) calc(var(--spacing-unit)*1.5);transition:background var(--transition-time);}
.btn-primary:hover{background: var(--primary_dark);}
pre,code{font-family: var(--monospace-font);background: var(--neutral-light);padding:0.2rem 0.4rem;border-radius:var(--border-radius);}
img{border-radius:var(--border-radius);}
/* layout specific rules */
.layout-portfolio .posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-unit);}
@media (min-width:1024px){.layout-portfolio .posts-list{grid-template-columns:repeat(3,1fr);} }
.layout-portfolio .posts-list > h1{grid-column:1/-1;}
.layout-portfolio .post-preview{border:1px solid var(--neutral-light);padding:var(--spacing-unit);border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-direction:column;min-width:0;}
.layout-portfolio .post-preview .meta,.layout-portfolio .post-preview .summary,.layout-portfolio .post-preview .author{display:none;}
.layout-portfolio .featured-image-container img{width:100%;height:auto;display:block;}
.layout-portfolio .post-content{flex:1;}
.layout-horizontal .post-preview{display:flex;gap:var(--spacing-unit);align-items:flex-start;}
.layout-horizontal .post-preview .featured-image-container{flex:0 0 25%;}
.layout-horizontal .post-preview .featured-image-container img{width:100%;height:auto;}
.layout-horizontal .post-preview .post-content{flex:1;}