:root {
  --design-url-favicon-ico: url("/roles/web-app-taiga/latest/img/design/favicon.ico");
  --design-url-apple-touch-icon-png: url("/roles/web-app-taiga/latest/img/design/apple-touch-icon.png");
  --design-url-apple-touch-icon-svg: url("/roles/web-app-taiga/latest/img/design/apple-touch-icon.svg");
  --design-url-banner-png: url("/roles/web-app-taiga/latest/img/design/banner.png");
  --design-url-banner-svg: url("/roles/web-app-taiga/latest/img/design/banner.svg");
  --design-url-header-png: url("/roles/web-app-taiga/latest/img/design/header.png");
  --design-url-header-svg: url("/roles/web-app-taiga/latest/img/design/header.svg");
  --design-url-icon-png: url("/roles/web-app-taiga/latest/img/design/icon.png");
  --design-url-icon-svg: url("/roles/web-app-taiga/latest/img/design/icon.svg");
  --design-url-logo-png: url("/roles/web-app-taiga/latest/img/design/logo.png");
  --design-url-logo-svg: url("/roles/web-app-taiga/latest/img/design/logo.svg");
  --design-url-logo-auth-png: url("/roles/web-app-taiga/latest/img/design/logo-auth.png");
  --design-url-logo-auth-svg: url("/roles/web-app-taiga/latest/img/design/logo-auth.svg");
  --design-url-wordmark-png: url("/roles/web-app-taiga/latest/img/design/wordmark.png");
  --design-url-wordmark-svg: url("/roles/web-app-taiga/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: 35px;
  --design-slot-logo-height: 35px;
  --design-slot-logo-auth-width: 128px;
  --design-slot-logo-auth-height: 128px;
  --design-slot-wordmark-width: 320px;
  --design-slot-wordmark-height: 64px;
}
:root {
  --primary: var(--design-frame);
  --secondary: var(--design-frame);
  --accent: var(--design-on-frame);
  --primary-fg: var(--design-on-frame);
  --body-fg: var(--design-text);
  --body-bg: var(--design-surface-1);
  --body-quiet-color: var(--design-text-muted);
  --body-loud-color: var(--design-text);
  --header-color: var(--design-on-frame);
  --header-branding-color: var(--design-on-frame);
  --header-bg: var(--design-frame);
  --header-link-color: var(--design-on-frame);
  --breadcrumbs-fg: var(--design-on-frame);
  --breadcrumbs-link-fg: var(--design-on-frame);
  --breadcrumbs-bg: var(--design-frame-active);
  --link-fg: var(--design-link);
  --link-hover-color: var(--design-link);
  --link-selected-fg: var(--design-link);
  --hairline-color: var(--design-border);
  --border-color: var(--design-border-strong);
  --error-fg: var(--design-danger);
  --message-success-bg: var(--design-success-subtle);
  --message-warning-bg: var(--design-warning-subtle);
  --message-error-bg: var(--design-danger-subtle);
  --darkened-bg: var(--design-surface-2);
  --selected-bg: var(--design-surface-active);
  --selected-row: var(--design-surface-active);
  --button-fg: var(--design-on-primary);
  --button-bg: var(--design-primary);
  --button-hover-bg: var(--design-primary-hover);
  --default-button-bg: var(--design-primary);
  --default-button-hover-bg: var(--design-primary-hover);
  --close-button-bg: var(--design-primary-active);
  --close-button-hover-bg: var(--design-primary-hover);
  --delete-button-bg: var(--design-danger);
  --delete-button-hover-bg: var(--design-danger-hover);
  --object-tools-fg: var(--design-on-primary);
  --object-tools-bg: var(--design-primary);
  --object-tools-hover-bg: var(--design-primary-hover);
}

.submit-row a.deletelink,
.delete-confirmation form input[type="submit"] {
  color: var(--design-on-danger);
}

#header,
div.breadcrumbs,
.module h2,
.module caption {
  --design-focus: var(--design-on-frame);
}