:root:where([data-skin=tiles]){
  --chassis:#232427;
  --chassis-text:#efece6;
  --chassis-muted:#8e8f95;
  --ink:#16171a;
  --accent:#16171a;
  --accent-on-display:#9dceb0;
  --sec-osc:#e8b08a;
  --sec-filter:#e2cf8e;
  --sec-env:#e59aab;
  --sec-lfo:#93b9e2;
  --sec-voice:#9dceb0;
  --sec-macro:#b3a3e3;
  --sec-neutral:#efece6;
  --inverse-bg:#16171a;
  --inverse-text:#efece6;
  --display-bg:#16171a;
  --display-fg:#efece6;
  --display-grid:rgba(255,255,255,.06);
  --display-dim:rgba(255,255,255,.30);
  --control-bg:rgba(22,23,26,.12);
  --control-on-bg:#16171a;
  --control-on-line:transparent;
  --tag-bg:#16171a;
  --muted:rgba(22,23,26,.65);
  --seg-bg:rgba(22,23,26,.12);
  --seg-on-bg:#16171a;
  --seg-on-line:transparent;
  --inverse-control-bg:rgba(255,255,255,.08);
  --inverse-control-on-text:#16171a;
  --inverse-muted:#8e8f95;
  --inverse-rule:rgba(255,255,255,.10);
  --empty:#2e2f33;
  --hairline:rgba(22,23,26,.14);
  --section-number-display:none;
  --inverse-seg-bg:rgba(255,255,255,.08);
  --inverse-seg-on-text:#16171a;
  --inverse-seg-on-line:transparent;
  --rule-width:0px;
  --rule-color:transparent;
  --radius-tile:10px;
  --radius-control:5px;
  --radius-display:6px;
  --knob-body:#16171a;
  --knob-pointer:#f4f1ea;
  --knob-track:rgba(22,23,26,.18);
  --knob-arc:#16171a;
  --knob-inverse-body:#efece6;
  --knob-inverse-pointer:#16171a;
  --knob-inverse-track:rgba(255,255,255,.14);
  --type-display:'Barlow Condensed';
  --type-display-weight:800;
  --type-ui:Outfit;
  --type-ui-weight-strong:600;
  --type-mono:'IBM Plex Mono';
  --type-title-size:26px;
  --type-label-size:11px;
  --type-value-size:10.5px;
  --type-hero-size:68px;
}:root:where([data-skin=tiles]),:where([data-skin=tiles]) .t,:where([data-skin=tiles]) .k{
  --display-trace:var(--sec);
  --control-on-text:var(--sec);
  --tag-text:var(--sec);
  --seg-on-text:var(--sec);
  --inverse-control-on-bg:var(--sec);
  --inverse-seg-on-bg:var(--sec);
  --fill:var(--sec);
  --knob-inverse-arc:var(--sec);
}

:root:where([data-skin=paper]){
  --chassis:#e9e6df;
  --chassis-text:#141518;
  --chassis-muted:#6f6d68;
  --ink:#141518;
  --accent:#d9482b;
  --accent-on-display:#d9482b;
  --sec-osc:#141518;
  --sec-filter:#141518;
  --sec-env:#141518;
  --sec-lfo:#141518;
  --sec-voice:#141518;
  --sec-macro:#141518;
  --sec-neutral:#141518;
  --inverse-bg:transparent;
  --inverse-text:#141518;
  --display-bg:#f6f4ef;
  --display-fg:#141518;
  --display-grid:#dedad1;
  --display-dim:#b3afa6;
  --display-trace:#141518;
  --control-bg:#dcd8cf;
  --control-on-bg:#141518;
  --control-on-text:#e9e6df;
  --control-on-line:transparent;
  --tag-bg:transparent;
  --tag-text:#5c5d61;
  --muted:#5c5d61;
  --seg-bg:transparent;
  --seg-on-bg:transparent;
  --seg-on-text:#141518;
  --seg-on-line:#d9482b;
  --inverse-control-bg:#dcd8cf;
  --inverse-control-on-bg:#141518;
  --inverse-control-on-text:#e9e6df;
  --inverse-muted:#5c5d61;
  --inverse-rule:#cfcbc2;
  --empty:#dcd8cf;
  --hairline:#cfcbc2;
  --section-number-display:inline;
  --inverse-seg-bg:transparent;
  --inverse-seg-on-bg:transparent;
  --inverse-seg-on-text:#141518;
  --inverse-seg-on-line:#d9482b;
  --fill:transparent;
  --rule-width:2px;
  --rule-color:#141518;
  --radius-tile:0px;
  --radius-control:0px;
  --radius-display:0px;
  --knob-body:transparent;
  --knob-pointer:#141518;
  --knob-track:#cfcbc2;
  --knob-arc:#141518;
  --knob-inverse-body:transparent;
  --knob-inverse-pointer:#141518;
  --knob-inverse-track:#cfcbc2;
  --knob-inverse-arc:#141518;
  --type-display:'Barlow Semi Condensed';
  --type-display-weight:600;
  --type-ui:'Barlow Semi Condensed';
  --type-ui-weight-strong:600;
  --type-mono:'IBM Plex Mono';
  --type-title-size:22px;
  --type-label-size:11.5px;
  --type-value-size:10.5px;
  --type-hero-size:72px;
}