/* ============================================================
   PALETTE B - "Modern Digital"  (loads after site.css; delete
   this link tag to fall back to Palette A "Open Workshop")
   Dark studio canvas · coral display type · pastel sticky notes
   ============================================================ */
:root{
  --canvas:#17191E; --canvas-deep:#121419; --paper:#1F2127;
  --terracotta:#F87F6E; --terracotta-deep:#E4604E; --terracotta-tint:rgba(248,127,110,.16);
  --sage:#7FBFA8; --sage-deep:#9AD3BE; --sage-tint:rgba(127,191,168,.16);
  --ink:#F2F0E9; --muted:#A5A7AE;
  --line:rgba(242,240,233,.13);
  --link:#F87F6E; --strong:#F2F0E9;
  --shadow:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.4);
}
body{color:var(--muted)}
.brand svg path{stroke:#F2F0E9}
.brand svg text{fill:#F2F0E9}
.nav-links .cta{color:#241512;box-shadow:0 3px 0 #B8452F}
.nav-links .cta:hover{box-shadow:0 2px 0 #B8452F}
.nav-links a.active{border-bottom-color:var(--terracotta)}

/* hero */
.hero:before{background:radial-gradient(closest-side,rgba(248,127,110,.09),transparent 72%)}
.hero h1{color:var(--terracotta)}
.hero h1 em{color:#F2F0E9}
.hero .eyebrow{color:var(--terracotta)}
.btn.primary{color:#241512;box-shadow:0 3px 0 #B8452F}
.btn.primary:hover{box-shadow:0 2px 0 #B8452F}
.btn.ghost{background:#22242B;color:#F2F0E9;border-color:rgba(242,240,233,.18);box-shadow:none}
.btn.ghost:hover{border-color:rgba(242,240,233,.4)}

/* marker swipes - chalk-mint on the dark board */
.hl,.hl.terra{color:#EDEBE2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'%3E%3Cpath d='M2 13 Q30 2 62 5 Q94 8 118 4 L117 23 Q88 28 56 26 Q26 24 3 27 Z' fill='%237FBFA8' fill-opacity='.26'/%3E%3C/svg%3E")}

/* sticky notes - the Modern Digital pastel pack (dark text on light notes) */
.grid .card:not(.sage):not(.terra):nth-child(6n+1){background-color:#C6EBDD} /* mint */
.grid .card:not(.sage):not(.terra):nth-child(6n+2){background-color:#DCC9F2} /* lavender */
.grid .card:not(.sage):not(.terra):nth-child(6n+3){background-color:#F7CFC6} /* blush */
.grid .card:not(.sage):not(.terra):nth-child(6n+4){background-color:#C7DDF2} /* sky */
.grid .card:not(.sage):not(.terra):nth-child(6n+5){background-color:#F2E4A8} /* butter */
.grid .card:not(.sage):not(.terra):nth-child(6n+6){background-color:#C2E6E0} /* aqua */
.grid .card:not(.sage):not(.terra){border-color:transparent}
.grid .card:not(.sage):not(.terra) h3{color:#26262B}
.grid .card:not(.sage):not(.terra) p{color:#44424A}
.grid .card:not(.sage):not(.terra) .read{color:#B8452F}
.grid .card:not(.sage):not(.terra) .tag{background:rgba(255,255,255,.5);color:#44424A;border-color:rgba(38,38,43,.18)}
.card::before,.card::after{box-shadow:0 12px 12px rgba(0,0,0,.5)}

/* emphasis blocks */
.card.sage,.essay.sage{background:#2E5D4F}
.card.terra,.essay.terra{background:#E4604E}
.essay.terra p,.card.terra p{color:rgba(36,21,18,.85)}
.essay.terra h3,.card.terra h3{color:#241512}
.essay.terra .kicker,.essay.terra .read,.card.terra .read{color:#5A2018}

/* default essays / principles / featured - dark panels */
.essay{background:var(--paper);border-color:rgba(242,240,233,.09)}
.essay .kicker{color:var(--sage-deep)}
.featured{background:var(--paper);border-color:rgba(242,240,233,.09)}
.featured .deva{background:var(--terracotta);color:#241512}
.featured .deva small{color:#5A2018}
.principles{background:var(--paper);border-color:rgba(242,240,233,.09)}
.principles li + li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 6' preserveAspectRatio='none'%3E%3Cpath d='M2 3 Q60 1 120 3 T240 3 T398 3' fill='none' stroke='%23F2F0E9' stroke-opacity='.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.principles b::before{color:#241512;background:var(--sage-deep)}

/* pillars - pastel pack, dark text, tape stays */
.pillars .pillar:nth-child(6n+1){background-color:#C6EBDD}
.pillars .pillar:nth-child(6n+2){background-color:#DCC9F2}
.pillars .pillar:nth-child(6n+3){background-color:#F7CFC6}
.pillars .pillar:nth-child(6n+4){background-color:#C7DDF2}
.pillars .pillar:nth-child(6n+5){background-color:#F2E4A8}
.pillars .pillar:nth-child(6n+6){background-color:#C2E6E0}
.pillars .pillar{border-color:transparent}
.pillars .pillar h3{color:#26262B}
.pillars .pillar p{color:#44424A}
.pillars .pillar .n{color:#B8452F}
.pillar::before{background:rgba(240,235,220,.55)}
.pillar:nth-child(even)::before{background:rgba(220,230,222,.5)}

/* tags outside cards */
.tag{background:#22242B;color:var(--muted);border-color:rgba(242,240,233,.15)}
.tag.ship{color:#FFB3A6;background:rgba(248,127,110,.14);border-color:rgba(248,127,110,.3)}
.tag.build{color:var(--sage-deep);background:rgba(127,191,168,.13);border-color:rgba(127,191,168,.3)}

/* doodles - chalk */
.doodle{color:#D9D6CC;opacity:.7}
.doodle .lbl{color:#8F919A}

/* newsletter + footer - deepest panel, coral action */
.newsletter{background:#101216;color:#A5A7AE}
.newsletter h2{color:#F2F0E9}
.newsletter .eyebrow{color:var(--sage-deep)}
.newsletter .dek{color:#A5A7AE}
.nl-form input[type=email]{background:#1E2026;border-color:rgba(242,240,233,.16);color:#F2F0E9}
.nl-form button{background:var(--terracotta);color:#241512;box-shadow:0 3px 0 #B8452F}
.nl-form button:hover{background:#FF9483}
.nl-note{color:#8F919A}
.nl-note a{color:var(--sage-deep)}
footer{background:#101216;border-top-color:rgba(242,240,233,.1)}
footer a:hover{color:#F2F0E9}
footer .dot{color:rgba(242,240,233,.18)}