/* Canvas palette only. The supplied theme retains its layout, type and motion. */
:root:not(.x1):not(.x2){
  --paper:#f4f0e7; --panel:#faf7f0; --ink:#181916; --muted:#5c5b55; --line:#ccc7bc;
  --husk:#ded8cb; --leaf:#181916; --kernel:#ded8cb; --on-ink:#f4f0e7;
  --rose:#181916; --peach:#181916; --orchid:#181916; --mint:#181916;
  --shadow:0 0 0 1px rgba(24,25,22,.12),0 24px 60px -24px rgba(24,25,22,.16);
  --bar-bg:rgba(244,240,231,.94); --bar-ink:#181916;
  --accent-2:#181916; --accent-2-ink:#f4f0e7; --progress:#181916;
  --drawer-bg:#f4f0e7; --drawer-ink:#181916; --scrim:rgba(24,25,22,.28);
  color-scheme:light;
}
body{background:var(--paper)}
body::after{
  background:repeating-linear-gradient(0deg,rgba(24,25,22,.025) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(24,25,22,.018) 0 1px,transparent 1px 3px);
  opacity:.48; mix-blend-mode:multiply;
}
:focus-visible{outline-color:var(--ink)}
.navbar{border-color:rgba(24,25,22,.24);box-shadow:0 18px 40px -22px rgba(24,25,22,.2)}
.burger{border-color:rgba(24,25,22,.3)}
.burger:hover{background:rgba(24,25,22,.06)}
.brand small{color:var(--ink)}
.navcta{background:var(--ink);color:var(--paper);box-shadow:none}
.drawer{background:var(--drawer-bg);box-shadow:30px 0 70px -20px rgba(24,25,22,.24)}
.drawer .shade{background:linear-gradient(90deg,rgba(24,25,22,0),rgba(24,25,22,.18))}
.drawer nav a{border-bottom-color:rgba(24,25,22,.14)}
.drawer nav a:hover{color:var(--muted);text-shadow:none}
.drawer nav a span,.dtop .label{color:var(--ink)}
.dclose{border-color:rgba(24,25,22,.3)}
.drawer .copy{color:var(--ink);border-color:rgba(24,25,22,.4)}
.trio,.pillar .big,.step .amt{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:var(--ink);-webkit-text-fill-color:var(--ink);filter:none;text-shadow:none;
}
.trio .hl,.pillar .big em{color:var(--ink);-webkit-text-fill-color:var(--ink);text-shadow:none}
.kick,.kick i,.label{color:var(--ink)}
.lede b{color:var(--ink)}
.hero-tags span{border-color:rgba(24,25,22,.3);color:var(--ink);background:rgba(244,240,231,.72)}
.book{background:rgba(250,247,240,.9);border-color:rgba(24,25,22,.28)}
.book .label,.book li::before{color:var(--ink)}
.cta{background:var(--ink);color:var(--paper);box-shadow:0 10px 30px -10px rgba(24,25,22,.16)}
.cta:hover{box-shadow:0 16px 40px -10px rgba(24,25,22,.24)}
.copy{border-color:rgba(24,25,22,.55);color:var(--ink)}
.copy:hover{border-color:var(--ink)}
.copy.done{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.drawer .copy.done{color:var(--paper);border-color:var(--ink)}
.mailrow code{color:var(--ink)}
.marquee{background:#ebe6db;color:var(--ink);border-top-color:rgba(24,25,22,.3);box-shadow:none}
.marquee i{color:var(--ink)}
.checks,.steps{border-top-color:rgba(24,25,22,.3)}
.checks b,.step .n{color:var(--ink)}
.chat{background:var(--panel);border-color:rgba(24,25,22,.28)}
.chat .q{background:var(--ink);color:var(--paper)}
.chat .a{background:#e8e2d7;border-color:rgba(24,25,22,.18)}
.chat .card{background:var(--panel);border-color:var(--line)}
.chat .card .ok{color:var(--ink)}
.pillar,.chat,.sample .frame,.pe,.book{box-shadow:0 0 0 1px rgba(24,25,22,.06),0 0 40px -18px rgba(24,25,22,.15)}
.pillar:hover,.sample .frame:hover{box-shadow:0 0 0 1px rgba(24,25,22,.22),0 0 50px -12px rgba(24,25,22,.16)}
.pillar li::before{color:var(--ink)}
.sample .frame{background:#ebe6db;border-color:var(--line)}
.phone{background:var(--ink);color:var(--ink);box-shadow:0 18px 40px -22px rgba(24,25,22,.35)}
.screen{background:var(--panel)}
.bake .top{background:#e8e1d4}
.bake .top b,.bake h4{color:var(--ink)}
.bake .top small{color:var(--muted)}
.bake .hero-img{background:repeating-linear-gradient(135deg,#ded7c9 0 10px,#e8e1d4 10px 20px)}
.bake .hero-img span,.bake .btn,.wash .top,.wash .btn,.agentui .top,.agentui .out{background:var(--ink);color:var(--paper)}
.bake .row,.wash td{border-bottom-color:var(--line)}
.wash .opennow{color:var(--ink)}
.wash .opennow i{background:var(--ink)}
.wash .note{color:var(--muted);background:#e8e2d7}
.agentui .in{background:#e8e2d7;color:var(--ink)}
.agentui .slot span{border-color:var(--ink);color:var(--ink)}
.agentui .conf{background:var(--paper);border-color:var(--line)}
.agentui .conf b{color:var(--ink)}
.chips span{background:var(--panel);border-color:rgba(24,25,22,.3);color:var(--ink)}
.chips span.hot{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pe{background:var(--panel);color:var(--ink);border-color:var(--line)}
.pe .label,.pe a{color:var(--ink)}
.pe p{color:var(--muted)}
.closer .box{background:#e8e1d4;color:var(--ink);box-shadow:0 40px 80px -40px rgba(24,25,22,.22)}
.closer p{color:var(--muted)}
.closer .cta{background:var(--ink);color:var(--paper)}
.closer .mailrow code,.closer .copy{color:var(--ink)}
.closer .copy{border-color:var(--ink)}
.closer .copy.done{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sec::before{background:linear-gradient(90deg,transparent,rgba(24,25,22,.2),rgba(24,25,22,.2),transparent);box-shadow:none}

.hero-tags .hero-book{background:#485fc7;color:#fff;box-shadow:none}
.hero-tags .hero-book:hover{background:#3e56c4}