/* One consistent black canvas across the complete GK Design website. */
:root{color-scheme:dark;--bg:#000;--panel:#000;--forest:#000;--ink:#eceee7;--muted:#bec5b6;--green:#b6cc9c;--line:#46513f}
html,body,body *{background-color:#000!important;color:#eceee7!important;border-color:#46513f!important;box-shadow:none!important;text-shadow:none!important}
body *:not(.gk-detail-lens){background-image:none!important}
body *::before,body *::after{background-color:#000!important;background-image:none!important;box-shadow:none!important}
body :is(.overline,.micro,h1 i,h2 i,h3 i,.text-link,.arrow-link>span,.contact-number>span,.price-amount,.price-amount>span,.price-amount small,.price-amount em,.cost-stack strong,.label-signature,.handwriting,.mood-type strong,.mood-study-note,.wizard-step-label,.case-title h1 i){color:#b6cc9c!important}
body :is(p.footnote,.footnote,.brief-notice,.brief-progress-text,.message-footer,.garment-help,.garment-share-status,.hoodie-view-status,.case-caption,.bench-note,.art-caption,.foot-bottom,.foot-bottom span,.foot-bottom a){color:#bec5b6!important}
body :is(button,.button,.garment-share-link,input,select,textarea){border-color:#738663!important}
body :is(button:hover,.button:hover,.garment-share-link:hover,button[aria-pressed=true],button.selected){border-color:#b6cc9c!important;color:#cce5af!important}
body :is(.mood-switch button[aria-pressed=true],.hoodie-sides button[aria-pressed=true],.gk-view-picker button[aria-pressed=true],.garment-tools button[aria-pressed=true]){outline:2px solid #b6cc9c;outline-offset:2px}
body input::placeholder,body textarea::placeholder{color:#bec5b6!important;opacity:1}
body input[type=checkbox],body input[type=range]{accent-color:#b6cc9c!important}
body .brief-form .choices label:has(input:checked){outline:2px solid #b6cc9c;outline-offset:1px}
body .brief-form .sheet-stamp{opacity:1;color:#b6cc9c!important}
body :is(.brief-form,.idea-sheet,.price-sheet,.story-papers article,.hangtag-grid details,.label-inside,.maker-label summary,.wizard-review,.desk-note,.maker-letter,.idea-ticket,.name-plate,.hanging-label,.paper-label,.woven-label,.metal-label){border:1px solid #46513f!important}
body .price-sheet{border-top:4px solid #819a68!important}
body .price-sheet.personal{border-top-color:#b6cc9c!important}
body .package-exclusion,body .design-price-note{border:1px solid #46513f!important;border-left:3px solid #819a68!important}
body .wizard-tabs span{border-top:4px solid #46513f!important}
body .wizard-tabs span.active{border-top-color:#b6cc9c!important}
body .brief-progress{border-top:3px solid #46513f!important}
body .brief-progress>span{border-top:3px solid #b6cc9c!important;position:relative;top:-3px}
body .reading-line{border-top:3px solid #bc8f5c!important}
body .compare-line{border-left:2px solid #b6cc9c!important}
body .compare-line>span{border:2px solid #b6cc9c!important;color:#b6cc9c!important}
body .compare-caption{border:1px solid #738663!important}
body .mood-samples span{border-top:8px solid #b6cc9c!important}
body .mood-samples span:nth-child(2){border-color:#bfc7b7!important}
body .mood-samples span:nth-child(3){border-color:#b79670!important}
body .mood-lab[data-mood=strak] .mood-type strong{color:#d5e0dc!important}
body .mood-lab[data-mood=kleurrijk] .mood-type strong{color:#d0a4ff!important}
body .mood-lab[data-mood=kleurrijk] .mood-samples span{border-color:#d0a4ff!important}
body .mood-lab[data-mood=kleurrijk] .mood-samples span:nth-child(2){border-color:#ffae90!important}
body .mood-lab[data-mood=kleurrijk] .mood-samples span:nth-child(3){border-color:#f2d36e!important}
body .lightbox::backdrop{background:#000!important;backdrop-filter:none}
body :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #b6cc9c!important;outline-offset:4px}
body .gk-main-view{border-color:#46513f!important}
body .gk-detail-lens{background-color:#000!important;border-color:#b6cc9c!important}
::selection{background:#b6cc9c!important;color:#000!important}

/* Physical paper notes: explicitly scoped exceptions to the black canvas. */
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket){
 --note-paper:#e6e8be;position:relative;isolation:isolate;
 background-color:var(--note-paper)!important;
 background-image:linear-gradient(180deg,rgba(91,105,49,.13) 0,rgba(91,105,49,.13) 34px,transparent 35px),linear-gradient(125deg,rgba(255,255,255,.16),transparent 65%)!important;
 color:#252c20!important;border:0!important;border-radius:1px 1px 12px 2px;
 box-shadow:2px 5px 8px #0005,9px 17px 25px #0006!important;
 overflow:visible;max-width:100%;
}
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket) *{
 background-color:transparent!important;background-image:none!important;color:#252c20!important;text-shadow:none!important;
}
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket) :is(.handwriting,.overline,.micro,strong,em,h2 i,small){
 color:#405832!important;
}
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket)::before{
 content:"";position:absolute;z-index:2;top:-12px;left:calc(50% - 42px);width:84px;height:26px;
 background-color:#c8c6a3!important;background-image:linear-gradient(90deg,#ffffff24,#a7af8133,#ffffff24)!important;
 opacity:.85;transform:rotate(-5deg);box-shadow:0 1px 2px #0002!important;pointer-events:none;
}
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket)::after{
 content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;pointer-events:none;
 background-color:transparent!important;background-image:linear-gradient(135deg,transparent 49%,#adb38c 50%,#f1f0d5 100%)!important;
 border-radius:0 0 10px 0;
}
body .desk-note{max-width:360px;padding:40px 28px 30px;transform:rotate(-3deg);margin-top:64px}
body .desk-note .note-pin{display:none}
body .desk-note>p{font:italic clamp(21px,2vw,27px)/1.5 Georgia,serif}
body .desk-note>.handwriting{font:italic 23px/1.4 Georgia,serif;margin-top:22px}
body .maker-letter{--note-paper:#eee8ce}
body .quote-plank{--note-paper:#eee8ce}
body .idea-ticket{--note-paper:#dce3b7}
body .idea-ticket>a{border-color:#7d8b5b!important}
body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket) :is(a,button,summary):focus-visible{outline-color:#345329!important}
@media(max-width:600px){body .desk-note{max-width:calc(100% - 10px);margin-inline:5px;padding:36px 24px 28px}}
@media(prefers-reduced-motion:reduce){body :is(.desk-note,.maker-letter,.paper-label,.hanging-label,.sketch-label,.mood-sticker,.quote-plank,.idea-ticket){transform:none!important}}