




[data-scheme="mission"] {
  --brand:       #0091b3;
  --brand-dark:  #05485a;
  --brand-tint:  #e0f5fa;

  --primary:     var(--ink);
  --on-primary:  var(--paper);

  --ok:      #00c07f;  --ok-ink:      #007954;  --ok-tint:      #e2f7ee;
  --warn:    #ff9f00;  --warn-ink:    #a35f00;  --warn-tint:    #fff2da;
  --danger:  #ff2d20;  --danger-ink:  #c8140c;  --danger-tint:  #ffe8e6;

  --ink:    #0b0e10;
  --muted:  #565c61;
  --faint:  #868d93;

  --hair:   #d0d5d9;
  --hair2:  #a9b1b7;

  --paper:  #ffffff;
  --app:    #eceef0;
  --panel:  #e4e7ea;
  --hover:  #f3f5f7;
  --logo-bg:#07090a;
}

[data-scheme="mission"][data-theme="dark"] {
  --brand:       #00c2e8;
  --brand-dark:  #063846;
  --brand-tint:  rgba(0,194,232,.16);

  --ok:      #00e08a;  --ok-ink:      #2fe8a0;  --ok-tint:      rgba(0,224,138,.14);
  --warn:    #ffb000;  --warn-ink:    #ffc44d;  --warn-tint:    rgba(255,176,0,.15);
  --danger:  #ff3b30;  --danger-ink:  #ff7b73;  --danger-tint:  rgba(255,59,48,.16);

  --ink:    #eef2f4;
  --muted:  #9aa3a9;
  --faint:  #6a747a;

  --hair:   #232a2e;
  --hair2:  #39434a;

  --paper:  #0e1113;
  --app:    #07090a;
  --panel:  #171b1e;
  --hover:  #14181b;
  --logo-bg:#07090a;
}



[data-scheme="mission"][data-shape="soft"] {
  --r4: 2px;
  --r5: 2px;
  --r6: 2px;
}
