/*
Theme Name: Patrick Cash
Theme URI: https://patrickcash.com
Author: Patrick Cash
Description: Minimal personal site — a faithful port of the original static patrickcash.com (Fraunces + Inter, warm off-white, calm slate-blue links).
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: patrickcash
*/

:root{
  --color-bg:#f8f7f3;
  --color-ink:#1b1a17;
  --color-muted:#6f6e67;
  --color-line:#e4e2da;
  --color-accent:#355e7c;
  --font-display:"Fraunces", Georgia, "Times New Roman", serif;
  --font-body:"Inter", ui-sans-serif, system-ui, sans-serif;
  --text-display:clamp(2.25rem, 5vw, 3.25rem);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-ink);
  font-family:var(--font-body);
  font-size:1.0625rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-0.01em;line-height:1.1;}
a{color:var(--color-accent);text-underline-offset:3px;text-decoration-thickness:1px;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px;}
img{max-width:100%;height:auto;}
p{margin:0;}

.wrap{width:100%;max-width:42rem;margin-inline:auto;padding-inline:1.5rem;}

/* header */
.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:2rem;font-size:0.875rem;}
.site-header .brand{font-family:var(--font-display);font-size:1.125rem;font-weight:500;text-decoration:none;color:var(--color-ink);}
.site-nav{display:flex;gap:1.25rem;}
.site-nav a{color:var(--color-muted);text-decoration:none;}
.site-nav a:hover{text-decoration:underline;}

/* intro */
.intro-section{padding-top:1.5rem;padding-bottom:1rem;}
.intro-section h1{font-size:var(--text-display);margin:0;}
.intro-meta{margin-top:0.25rem;color:var(--color-muted);}
.intro-text{margin-top:1.5rem;max-width:62ch;font-size:1.125rem;line-height:1.625;}

/* sections */
.section{margin-top:3rem;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;}
.section-head a{font-size:0.875rem;}
.eyebrow{font-size:0.75rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-muted);margin:0;}

/* now list */
.now-list{list-style:none;margin:0.75rem 0 0;padding:0;}
.now-list li{display:flex;gap:0.75rem;margin-top:0.5rem;}
.now-list li::before{content:"";flex:0 0 auto;width:0.25rem;height:0.25rem;margin-top:0.7em;border-radius:9999px;background:var(--color-accent);}

/* reading list */
.reading-list{list-style:none;margin:0.75rem 0 0;padding:0;}
.reading-list li{margin-top:0.5rem;}
.reading-list .title{font-weight:600;}
.reading-list .meta{color:var(--color-muted);}

/* notes list */
.notes-list{list-style:none;margin:0.75rem 0 0;padding:0;}
.notes-list li{margin-top:1rem;}
.notes-list .note-title{font-family:var(--font-display);font-size:1.25rem;text-decoration:none;color:var(--color-ink);}
.notes-list .note-title:hover{text-decoration:underline;}
.notes-list .note-meta{font-size:0.875rem;color:var(--color-muted);margin-top:0.15rem;}

/* footer */
.site-footer{margin-top:5rem;border-top:1px solid var(--color-line);padding-block:2rem;font-size:0.875rem;color:var(--color-muted);}
.site-footer .footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;}
.site-footer .footer-links{display:flex;gap:1rem;}

/* single note */
.note-article .back-link{font-size:0.875rem;}
.note-article h1{margin-top:0.75rem;font-size:var(--text-display);}
.note-article .note-date{margin-top:0.25rem;font-size:0.875rem;color:var(--color-muted);}
.prose-note{margin-top:2rem;}
.prose-note :is(h2,h3){margin-top:2rem;margin-bottom:0.5rem;}
.prose-note p{margin-block:1rem;}
.prose-note ul{margin-block:1rem;padding-left:1.25rem;list-style:disc;}
.prose-note ol{margin-block:1rem;padding-left:1.25rem;}
.prose-note a{text-decoration:underline;}