/* Punchlist360 theme for kit360.css — brand tokens only (from the Punchlist360 gold #c9a227,
   darkened to pass WCAG AA as text and as a button with white text). Change these and the site re-colors. */
:root{
  --brand:#8A6608;        /* white on it 5.4:1 */
  --brand-hover:#6B4F05;
  --brand-soft:#FBF3DC;
  --focus:#8A6608;
  --tint:#FBF7EC;
  --bg-soft:#F7F4EC;
  --navy:#16130C;         /* Punchlist360 black, warm */
  --navy-2:#24201A;
  --gold:#E8C547;
}

/* --- token-driven recolor of kit360's hard-coded blue (uses tokens only) --- */
.check-list li::before,.free-list li::before{background:var(--brand-soft)}
.check-list li::after{content:"";position:absolute;left:2px;top:12px;width:16px;height:16px;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 13.6 4.9 10.3l-1.2 1.2 4.5 4.5 8.4-8.4-1.2-1.2z'/%3E%3C/svg%3E") center/16px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 13.6 4.9 10.3l-1.2 1.2 4.5 4.5 8.4-8.4-1.2-1.2z'/%3E%3C/svg%3E") center/16px no-repeat}
.free-list li{position:relative;border-color:var(--line)}
.free-list li::after{content:"";position:absolute;left:12px;top:50%;margin-top:-7px;width:14px;height:14px;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 13.6 4.9 10.3l-1.2 1.2 4.5 4.5 8.4-8.4-1.2-1.2z'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 13.6 4.9 10.3l-1.2 1.2 4.5 4.5 8.4-8.4-1.2-1.2z'/%3E%3C/svg%3E") center/14px no-repeat}
.btn-white:hover,.site-footer a.btn.btn-white:hover{background:var(--brand-soft);border-color:var(--brand-soft)}
a.card:hover{border-color:var(--brand)}
