/* Direction A "Higo": Black Fig page with paper grain. Tokens swap roles (--ink = text, --bone = page); these rules re-point fills.
   Chartreuse = emphasis + residue bar. Chambray = every action. Oxblood = the thesis field. */
html{background:var(--fig)}
body{background-image:var(--paper)}
.site-header{background:transparent;border-bottom-color:var(--hairline)}
.site-nav a:hover{color:var(--chambray)}
.site-nav a[aria-current="page"]{border-bottom-color:var(--chartreuse)}
.site-nav .btn,.button{background:var(--chambray);color:var(--fig)}
.site-nav .btn:hover,.button:hover{background:var(--chartreuse);color:var(--fig)}
.skip-link,.skip-link:focus{background:var(--chambray);color:var(--fig)}
:focus-visible{outline-color:var(--chambray)}
a:hover{color:var(--chambray)}
.link-mono{color:var(--chambray);border-bottom-color:var(--chambray)}
.link-mono:hover{color:var(--chartreuse);border-color:var(--chartreuse)}
.hero .mono:first-child{color:var(--chambray)}
.hero__title{color:#fff}
.hero__proof{border-left-color:var(--hairline)!important}
.proof li span:last-child{color:var(--chartreuse)}
.card{background:var(--surface);border:1px solid var(--hairline);border-top:3px solid var(--chambray)}
.card:first-child{border-top-color:var(--chartreuse)}
.card__link{border-top-color:var(--hairline);color:var(--chambray)}
.section--ink{background:var(--oxblood) var(--paper);color:var(--parcel)}
.section--ink::before{background:var(--chartreuse)}
.section--ink .mono{color:var(--on-oxblood-muted)}
.thesis li{border-top-color:rgba(229,227,218,.22)}
.thesis li b{color:var(--chartreuse)}
.thesis__effect{color:var(--on-oxblood-muted)}
.thesis__effect.accent,.section--ink .accent{color:var(--chartreuse)}
.thesis__total{border-bottom-color:var(--chartreuse)}
.feed-empty{border-top-color:var(--ink)}
.feed-empty > .mono:first-child{color:var(--chartreuse)}
.post__link{color:var(--chambray)}
.tag{color:var(--slate)}
.box{border:1px solid var(--hairline);background:var(--surface)}
#subscribe{border-top:3px solid var(--chambray)}
.book{border-top:3px solid var(--chartreuse)}
.book__cover{background:var(--oxblood);outline:1px solid var(--hairline)}
.book__cover::before{background:var(--chartreuse)}
.book__cover .mono{color:var(--parcel)}
.site-footer{border-top-color:var(--hairline)}
.site-footer a:hover{color:var(--chambray)}
@media (max-width:719.98px){.nav-toggle__icon,.nav-toggle__icon::before,.nav-toggle__icon::after{background:var(--ink)}
  .site-nav a[aria-current="page"]{color:var(--chartreuse)}}

/* ---- W18 site additions (pages the v3 mockup did not cover). Rule: Parcel (--ink) is text/lines only, never a fill. ---- */
/* Writing tabs: the selected tab was an --ink fill (= Parcel after the role swap) -> Chambray action, Black Fig text (9.45) */
.tabs{border-color:var(--hairline)}
.tabs [role="tab"]:hover{color:var(--chambray)}
.tabs [role="tab"][aria-selected="true"],.tabs [role="tab"][aria-selected="true"]:hover{background:var(--chambray);color:var(--fig)}
/* Text that sat on the dark band as --bone (= Black Fig now) -> Parcel on Oxblood (10.00) */
.talks-hero .lede{color:var(--parcel)}
/* Talks: Chambray = actions (Black Fig text), Chartreuse = emphasis; states on the #38211C card */
.talk,.venture{border-top-color:var(--chambray)}
.talk--unlocked{border-top-color:var(--chartreuse)}
.talk__status{color:var(--chartreuse)}                      /* 6.85 on #38211C */
.talk__status::before{background:var(--chartreuse)}
.button--download{background:var(--chambray);color:var(--fig);border-bottom-color:var(--fig)}   /* 9.45 */
.button--download:hover{background:var(--chartreuse);color:var(--fig)}                          /* 8.19 */
.talk__notice{background:var(--surface);border-left-color:var(--chartreuse);color:var(--parcel)} /* rate limit: 11.64 */
.field-error{color:var(--chartreuse)}                       /* 6.85 on #38211C, 8.19 on #29100C */
.form-status{background:var(--surface);color:var(--parcel);border-color:var(--hairline)}
.form-status--error{border-color:var(--chartreuse)}
.form-status--ok{border-color:var(--chambray)}
.field input,.field textarea{background:var(--surface);color:var(--parcel);border-color:var(--slate)}  /* field edge 6.11 */
.field input:focus-visible,.field textarea:focus-visible{outline-color:var(--chambray)}
.field [aria-invalid="true"]{border-color:var(--chartreuse)}
.talks__empty{border-color:var(--slate);color:var(--slate)} /* 7.30 */
/* Links styled with --ink rules (Resume/Boards/About) hover to Chambray like every other link */
.board__link:hover,.board__link:focus-visible,.boards__resume a:hover,.cv__boards a:hover,.essay__title a:hover,.post__link:hover,
.lang-switch a:hover{color:var(--chambray);border-color:var(--chambray)}
.lang-switch a[aria-current="true"]{border-bottom-color:var(--chartreuse)}
/* W18.1 (SlideMaster review): the one Substack link per block is Chambray (9.45:1 on Fig, 7.91:1 on #38211C) */
.substack-link .link-mono,.substack-link .link-mono:visited{color:var(--chambray)}
.substack-link .link-mono:hover{color:var(--chartreuse)}
