/* Colour studies for the private draft. Carbon, grey olive and original gold is the default. */
:root[data-palette="charcoal"]{--dark:#272725;--paper:#F8F7F4;--soft:#E9E5DE;--journey:#EFEBE5;--ink:#272725;--muted:#625F58;--form-border:#777269;--on-dark:#F8F7F4;--on-dark-muted:#F8F7F4;--hover:#272725;--focus:#272725;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
:root[data-palette="rosewood"]{--dark:#272725;--paper:#FAF6F5;--soft:#D3C2C6;--journey:#E9E1E3;--ink:#272725;--muted:#605A5C;--form-border:#867C7F;--on-dark:#FAF6F5;--on-dark-muted:#FAF6F5;--hover:#272725;--focus:#272725;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));--gold:#A18A61;}
:root{--dark:#1D2020;--paper:#FAF6F5;--soft:#879191;--journey:#FAF6F5;--ink:#1D2020;--muted:#4C5353;--form-border:#687272;--on-dark:#FAF6F5;--on-dark-muted:#FAF6F5;--hover:#1D2020;--focus:#1D2020;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));--gold:#A18A61;}
:root[data-palette="moss"]{--dark:#4B4B30;--paper:#E8E1D3;--soft:#8A8342;--journey:#919B9B;--ink:#151711;--muted:#595A4B;--form-border:#77715C;--on-dark:#FAF7EE;--on-dark-muted:#FAF7EE;--hover:#4B4B30;--focus:#151711;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
:root[data-palette="clay"]{--dark:#20201F;--paper:#F3ECE3;--soft:#C8A19C;--journey:#E3D4CE;--ink:#20201F;--muted:#605650;--form-border:#88756B;--on-dark:#F3ECE3;--on-dark-muted:#F3ECE3;--hover:#20201F;--focus:#20201F;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
:root[data-palette="gold"]{--dark:#272725;--paper:#ECEADF;--soft:#CEC59F;--journey:#E8D9D2;--ink:#272725;--muted:#5F5A50;--form-border:#837B65;--on-dark:#FAF8F0;--on-dark-muted:#FAF8F0;--hover:#272725;--focus:#272725;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
:root[data-palette="forest"]{--dark:#202A26;--paper:#E5DDCF;--soft:#C6B9A5;--journey:#D7CDBE;--ink:#252B27;--muted:#5C5D53;--form-border:#7D7566;--on-dark:#F7F2E9;--on-dark-muted:#F7F2E9;--hover:#202A26;--focus:#252B27;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
:root[data-palette="slate"]{--dark:#243A49;--paper:#F4F0E7;--soft:#CDC1B1;--journey:#DCE2E2;--ink:#24313A;--muted:#5A6265;--form-border:#7B8181;--on-dark:#FAF7F0;--on-dark-muted:#FAF7F0;--hover:#243A49;--focus:#24313A;--line:color-mix(in srgb, var(--ink) 22%, var(--paper));--soft-line:color-mix(in srgb, var(--ink) 38%, var(--journey));--dark-line:color-mix(in srgb, var(--on-dark) 35%, var(--dark));}
.palette-lab{position:fixed;right:24px;bottom:22px;z-index:40;color:#252724;font-family:var(--body);font-size:14px;line-height:1.5}
.palette-picker>summary{list-style:none;display:flex;align-items:center;gap:10px;background:#fffefb;border:1px solid #bdbbb5;box-shadow:0 4px 20px #00000012;padding:13px 17px;cursor:pointer;font-size:13px}
.palette-picker>summary::-webkit-details-marker{display:none}.palette-dot{width:12px;height:12px;border-radius:50%;background:var(--dark)}.palette-current{color:#625f59;font-size:12px;border-left:1px solid #c9c6bf;padding-left:10px}.palette-chevron{margin-left:5px}
.palette-picker[open] .palette-chevron{transform:rotate(180deg)}.palette-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:390px;max-height:calc(100svh - 105px);overflow-y:auto;overscroll-behavior:contain;background:#fffefb;border:1px solid #c9c6bf;box-shadow:0 10px 35px #00000019;padding:22px}
.palette-panel-top{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}.palette-panel-top p{font-size:10px;letter-spacing:.13em;color:#625f59;margin-bottom:7px}.palette-panel h2{font-family:var(--body);font-size:18px;letter-spacing:-.02em;line-height:1.4;margin:0}.palette-close{border:0;background:none;padding:0 3px;font-size:25px;line-height:1.1}.palette-help{font-size:12px;color:#625f59;line-height:1.7;margin:12px 0 18px}.palette-options{display:grid;gap:7px}.palette-option{width:100%;border:1px solid #d6d2cb;background:transparent;display:flex;text-align:left;align-items:center;gap:12px;padding:11px 10px;color:#252724;min-height:60px}
.palette-option[aria-pressed="true"]{border:1px solid #252724;background:#f0eee8;box-shadow:inset 2px 0 #252724}.palette-option:hover{background:#f0eee8}.palette-option strong{display:block;font-size:13px;font-weight:600;line-height:1.4}.palette-option small{display:block;font-size:10px;color:#625f59;line-height:1.6;margin-top:3px}.palette-swatches{display:grid;grid-template-columns:repeat(2,15px);grid-template-rows:repeat(2,15px);border:1px solid #25272425;flex-shrink:0}.palette-swatches i{display:block}.palette-check{margin-left:auto;font-size:16px;visibility:hidden}.palette-option[aria-pressed="true"] .palette-check{visibility:visible}.palette-status{height:1px;width:1px;overflow:hidden;position:absolute;clip-path:inset(50%);white-space:nowrap}.palette-lab :focus-visible{outline:2px solid #252724;outline-offset:3px}
@media(max-width:640px){.palette-lab{right:14px;bottom:14px;max-width:calc(100vw - 28px)}.palette-picker>summary{padding:11px 13px;gap:8px}.palette-panel{width:min(390px,calc(100vw - 28px));padding:18px;max-height:calc(100svh - 100px)}.palette-current{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette-option{min-height:58px}}
.palette-lab{display:none}.js .palette-lab{display:block}.palette-option strong{font-size:14px}.palette-option small{font-size:12px}.palette-help{font-size:13px}.palette-panel-top p{font-size:11px}
.home-heading :focus-visible,.chapter.plum :focus-visible,.footer :focus-visible{outline-color:var(--on-dark)}
