:root {
  --indwel-mark-on-light: #4d4c45;
  --indwel-mark-on-dark: #dfdbd0;
  --indwel-mark-muted-on-light: #6d6b61;
  --indwel-mark-muted-on-dark: #aaa69b;
  --indwel-mark-emphasis-on-light: #746555;
  --indwel-mark-emphasis-on-dark: #a58a6e;
  --indwel-brand-mark-color: var(--indwel-mark-on-light);
}

[data-theme="mineral"],
[data-contrast="mineral"],
[data-indwel-brand-theme="mineral"] {
  --indwel-mark-on-light: #4d4c45;
  --indwel-mark-on-dark: #dfdbd0;
  --indwel-mark-muted-on-light: #6d6b61;
  --indwel-mark-muted-on-dark: #aaa69b;
  --indwel-mark-emphasis-on-light: #746555;
  --indwel-mark-emphasis-on-dark: #a58a6e;
}

[data-theme="mono"],
[data-contrast="mono"],
[data-indwel-brand-theme="mono"] {
  --indwel-mark-on-light: #242421;
  --indwel-mark-on-dark: #e9e7df;
  --indwel-mark-muted-on-light: #686861;
  --indwel-mark-muted-on-dark: #aaa8a1;
  --indwel-mark-emphasis-on-light: #44443f;
  --indwel-mark-emphasis-on-dark: #c9c6bc;
}

[data-theme="wash"],
[data-contrast="wash"],
[data-indwel-brand-theme="wash"] {
  --indwel-mark-on-light: #4a504d;
  --indwel-mark-on-dark: #d8d4cc;
  --indwel-mark-muted-on-light: #6c6867;
  --indwel-mark-muted-on-dark: #aaa5a1;
  --indwel-mark-emphasis-on-light: #6b7f7d;
  --indwel-mark-emphasis-on-dark: #8eaaa7;
}

[data-indwel-brand-surface="light"] {
  --indwel-brand-mark-color: var(--indwel-mark-on-light);
  --indwel-brand-mark-muted-color: var(--indwel-mark-muted-on-light);
  --indwel-brand-mark-emphasis-color: var(--indwel-mark-emphasis-on-light);
}

[data-indwel-brand-surface="dark"] {
  --indwel-brand-mark-color: var(--indwel-mark-on-dark);
  --indwel-brand-mark-muted-color: var(--indwel-mark-muted-on-dark);
  --indwel-brand-mark-emphasis-color: var(--indwel-mark-emphasis-on-dark);
}

.indwel-brand-mark {
  display: inline-block;
  flex: none;
  width: var(--indwel-brand-width, 100%);
  aspect-ratio: var(--indwel-brand-aspect-ratio);
  background-color: var(--indwel-brand-mark-color);
  color: var(--indwel-brand-mark-color);
  -webkit-mask-image: var(--indwel-brand-mask);
  mask-image: var(--indwel-brand-mask);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.indwel-brand-mark--muted { background-color: var(--indwel-brand-mark-muted-color); color: var(--indwel-brand-mark-muted-color); }
.indwel-brand-mark--emphasis { background-color: var(--indwel-brand-mark-emphasis-color); color: var(--indwel-brand-mark-emphasis-color); }
.indwel-brand-mark--lockup { --indwel-brand-mask: url("/brand/masks/indwel-lockup.png"); --indwel-brand-aspect-ratio: 522 / 170; }
.indwel-brand-mark--lockup-rail { --indwel-brand-mask: url("/brand/masks/indwel-lockup-rail.png"); --indwel-brand-aspect-ratio: 502 / 170; }
.indwel-brand-mark--sovereign-cognition { --indwel-brand-mask: url("/brand/masks/indwel-sovereign-cognition-lockup.png"); --indwel-brand-aspect-ratio: 712 / 204; }
.indwel-brand-mark--sovereign-cognition-rail { --indwel-brand-mask: url("/brand/masks/indwel-sovereign-cognition-lockup-rail.png"); --indwel-brand-aspect-ratio: 694 / 204; }
.indwel-brand-mark--circumpunct { --indwel-brand-mask: url("/brand/masks/indwel-circumpunct-180.png"); --indwel-brand-aspect-ratio: 1 / 1; }

@media (forced-colors: active) {
  .indwel-brand-mark { background-color: CanvasText; }
}