/* Daily Dose of Learning — Theme v1.0
   Drop this file in /assets/css/theme-ddol.css and include:
   <link rel="stylesheet" href="/assets/css/theme-ddol.css">
*/
:root{
  --ddol-bg: #F6F1E6;        /* Cream background */
  --ddol-surface: #FFFFFF;   /* Cards / panels */
  --ddol-primary: #4E6B58;   /* Evergreen */
  --ddol-primary-600:#3F5848;
  --ddol-secondary:#C9A646;  /* Sunshine gold */
  --ddol-secondary-600:#A78836;
  --ddol-accent:#8FA58C;     /* Sage accent */
  --ddol-text:#2F3A2F;       /* Deep spruce */
  --ddol-muted:#7C8577;      /* Muted text */
  --ddol-border:#E7E0D2;     /* Subtle borders */
  --ddol-link:#4E6B58;
  --ddol-link-hover:#3F5848;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(0,0,0,.07);
  --trans: 200ms ease;
}

/* Global reset-ish */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--ddol-bg);
  color:var(--ddol-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height:1.55;
}

/* Header with logo */
.site-header{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(180deg, #FFF, rgba(255,255,255,0.96));
  border-bottom:1px solid var(--ddol-border);
  backdrop-filter:saturate(1.2) blur(4px);
}
.header-inner{
  max-width:1100px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:20px;
}
.brand{display:flex; align-items:center; gap:14px; text-decoration:none}
.brand img{
  height:54px; width:auto; display:block;
}
.brand .brand-text{
  display:flex; flex-direction:column;
}
.brand .title{
  margin:0; font-size:1.25rem; font-weight:750; letter-spacing:.3px; color:var(--ddol-primary-600);
}
.brand .tagline{
  margin:0; font-size:.9rem; color:var(--ddol-secondary-600); font-style:italic;
}

/* Nav */
.nav{margin-left:auto; display:flex; gap:14px; flex-wrap:wrap;}
.nav a{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  color:var(--ddol-primary-600);
  text-decoration:none;
  transition:background var(--trans), color var(--trans);
}
.nav a:hover{ background: #EEF1EC; color:#274132;}

/* Buttons */
.button, button, .btn{
  background:var(--ddol-primary);
  color:white; border:none; border-radius:12px;
  padding:12px 16px; cursor:pointer; box-shadow:var(--shadow);
  transition:transform var(--trans), background var(--trans);
}
.button:hover, button:hover, .btn:hover{ transform:translateY(-1px); background:var(--ddol-primary-600);}
.button.secondary{ background:var(--ddol-secondary);}
.button.secondary:hover{ background:var(--ddol-secondary-600);}

/* Cards */
.card{
  background:var(--ddol-surface); border:1px solid var(--ddol-border);
  border-radius:var(--radius); box-shadow:var(--shadow); padding:22px;
}

/* Links */
a{ color:var(--ddol-link); }
a:hover{ color:var(--ddol-link-hover);}

/* Footer */
.site-footer{
  margin-top:40px; border-top:1px solid var(--ddol-border);
  background:#fff; padding:28px 20px; color:var(--ddol-muted);
}
.footer-inner{ max-width:1100px; margin:0 auto;}

/* Utility spacing */
.container{max-width:1100px; margin:0 auto; padding:24px 20px;}
.section{ padding:28px 0;}