/* Generated from templates/web/mow/template.json. Approved MOW profile, not global Argio UI. */
:root {
  --motion-control: 160ms;
  --motion-entrance: 480ms;
  --motion-distance: 12px;
  --arrow-duration: 480ms;
  --arrow-distance: 9px;
  --arrow-diagonal: 6.364px;
  --arrow-outbound-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --arrow-return-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --heading-tracking: 0.015em;
  --heading-line-height: 1.35;
  --canvas: #F7F7F7;
  --surface: #EEEEEE;
  --paper: #FFFFFF;
  --ink: #232323;
  --muted: #5C5C5C;
  --line: #DADADA;
  --control-line: #8A8A8A;
  --hover: #E6E6E6;
  --selected: #262626;
  --on-selected: #FFFFFF;
  --focus: #3466BB;
  --disabled: #D6D6D6;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --canvas: #121212;
  --surface: #1B1B1B;
  --paper: #252525;
  --ink: #F3F3F3;
  --muted: #AFAFAF;
  --line: #363636;
  --control-line: #797979;
  --hover: #303030;
  --selected: #E8E8E8;
  --on-selected: #171717;
  --focus: #8FB9FF;
  --disabled: #3C3C3C;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --canvas: #121212;
  --surface: #1B1B1B;
  --paper: #252525;
  --ink: #F3F3F3;
  --muted: #AFAFAF;
  --line: #363636;
  --control-line: #797979;
  --hover: #303030;
  --selected: #E8E8E8;
  --on-selected: #171717;
  --focus: #8FB9FF;
  --disabled: #3C3C3C;
  color-scheme: dark;
}
.service-mark[data-service-mark="drive"] { --mark-optical-scale: 0.94; }
.service-mark[data-service-mark="chat"] { --mark-optical-scale: 0.94; }
.service-mark[data-service-mark="slate"] { --mark-optical-scale: 0.94; }
.service-mark[data-service-mark="paladin"] { --mark-optical-scale: 0.94; }
.service-mark[data-service-mark="vault"] { --mark-optical-scale: 1.06; }
.service-mark[data-service-mark="support"] { --mark-optical-scale: 0.9; }
@keyframes arrow-return {
  0% { transform: translate(0, 0); animation-timing-function: var(--arrow-outbound-easing); }
  38% { transform: translate(var(--arrow-x), var(--arrow-y)); animation-timing-function: var(--arrow-return-easing); }
  100% { transform: translate(0, 0); }
}