/* Main site colors */
.theme-main{
  --ink:#1E1E1C;
  --charcoal:#2F4858;
  --accent:#005B4C;
  --paper:#FFFDF8;
  --edge:#C8C0B1;
  --fog:#E7ECE7;
  --logo-size:250px;
  --page-tint: rgba(0,91,76,0.06);
  --hero-tint: rgba(0,91,76,0.08);
}

@supports (color: color-mix(in srgb, black 10%, white)){
  .theme-main{
    --page-tint: color-mix(in srgb, var(--accent) 6%, transparent);
  }
}

/* background*/
.theme-main body{
  background: var(--paper);
}


body.theme-main{
  /* keep your existing vars; only these tweaks */
  --accent:#005B4C;
  --paper:#FFFDF8;
  background:
    /* Spotlight; use sRGB for Safari support */
    radial-gradient(900px 600px at 20% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%),
    /* Subtle paper grain dots */
    radial-gradient(1px 1px at 80% 70%, rgba(0,0,0,.02) 0 1px, transparent 1px),
    radial-gradient(1px 1px at 15% 25%, rgba(0,0,0,.025) 0 1px, transparent 1px),
    var(--paper);
  background-repeat:no-repeat,repeat,repeat,no-repeat;
  background-size:cover,8px 8px,6px 6px,auto;  /* faint “paper” grain */
}


/* 20th century fonts */
body.theme-main h1, body.theme-main h2, body.theme-main h3{
  font-family: Georgia, "Times New Roman", serif;
}

/* typewriter stylization */
body.theme-main .kicker{ font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing:.12em }

/*typing effect */
body.theme-main .hero p::after{ content:"▌"; font-family: ui-monospace, Menlo, Consolas, monospace; animation:tt-caret 1.1s steps(1) infinite }
@keyframes tt-caret{ 50%{opacity:0} }

/* collapsible logo seal */
body.theme-main .header-bar{ padding:.8rem 0 }
body.theme-main .seal{ width:clamp(72px,11vw,200px); height:clamp(72px,11vw,200px) }

/* document-y lines just a hair lighter */
body.theme-main .site-header, body.theme-main .site-footer{ border-color:color-mix(in lab, var(--edge) 90%, transparent) }

/*log feed*/
.rss-pub {
  display: inline-block;
  font-size: 0.6em;
  color: var(--charcoal);
margin-bottom: 1em;}
.rss-title {
  font-size: 0.85em;
  color: var(--charcoal);
}
.rss-desc {
  font-size: 0.75em;
  color: var(--charcoal);
}

/* move this near the bottom of theme-main.css */
body.theme-main .hero{
  background-color: var(--paper);
  background-image: linear-gradient(0deg, rgba(0,91,76,.08), rgba(0,91,76,.08));
  background-repeat: no-repeat;
}