:root {
  --design-url-favicon-ico: url("/roles/web-app-funkwhale/latest/img/design/favicon.ico");
  --design-url-apple-touch-icon-png: url("/roles/web-app-funkwhale/latest/img/design/apple-touch-icon.png");
  --design-url-apple-touch-icon-svg: url("/roles/web-app-funkwhale/latest/img/design/apple-touch-icon.svg");
  --design-url-banner-png: url("/roles/web-app-funkwhale/latest/img/design/banner.png");
  --design-url-banner-svg: url("/roles/web-app-funkwhale/latest/img/design/banner.svg");
  --design-url-header-png: url("/roles/web-app-funkwhale/latest/img/design/header.png");
  --design-url-header-svg: url("/roles/web-app-funkwhale/latest/img/design/header.svg");
  --design-url-icon-png: url("/roles/web-app-funkwhale/latest/img/design/icon.png");
  --design-url-icon-svg: url("/roles/web-app-funkwhale/latest/img/design/icon.svg");
  --design-url-logo-png: url("/roles/web-app-funkwhale/latest/img/design/logo.png");
  --design-url-logo-svg: url("/roles/web-app-funkwhale/latest/img/design/logo.svg");
  --design-url-wordmark-png: url("/roles/web-app-funkwhale/latest/img/design/wordmark.png");
  --design-url-wordmark-svg: url("/roles/web-app-funkwhale/latest/img/design/wordmark.svg");
  --design-slot-apple-touch-icon-width: 180px;
  --design-slot-apple-touch-icon-height: 180px;
  --design-slot-banner-width: 960px;
  --design-slot-banner-height: 160px;
  --design-slot-header-width: 320px;
  --design-slot-header-height: 64px;
  --design-slot-icon-width: 512px;
  --design-slot-icon-height: 512px;
  --design-slot-logo-width: 80px;
  --design-slot-logo-height: 80px;
  --design-slot-wordmark-width: 320px;
  --design-slot-wordmark-height: 64px;
}
#fake-sidebar {
  background-color: var(--design-surface-3);
}
#orange-square {
  background-color: var(--design-primary);
}
#fake-content {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}